83
收稿日期:2020-03-12
作者简介：单斌(1984—)，男，天津人，硕士，工程师，研究方向：软件工程领域。
1 Web前端开发语言
一般来说,JavaScript、 HTML、CSS是应用较为广泛的Web前段开发语言，这三种语言的应用有着不同的适用范围，以及不同的开发任务。JavaScript的应用，主要是为了能够在进行语言汇编时，将内容与代码准确地分隔开来，以此来避免出现兼容性问题。HTML技术的应用则主要是对各类图形展开合适地修整，据相关专家预测,HTML技术将有可能取代flash在Web网页中的应用。CSS 的应用主要是对网页外观进行设计与效果化，网页中的阴影、透明，以及其他炫酷效果都是基于CSS技术的应用实现的。
2 目前Web前端开发技术应用存在问题分析
2.1 浏览器兼容性不高问题
相关调查数据显示,IE浏览器、360浏览器、百度浏览器、火狐浏览器是目前我国互联网用户使用较为频繁的浏览器，由于在技术方面存在缺陷，导致在同一操作系统中，这几个浏览器的之间的应用存在较明显的兼容性问题，影响着用户的使用体验与使用效率，这是当前急需解决的问题。此外，在互联网快速发展的背景下，浏览器种类也在不断增加，也出现了较为严重的兼容性问题，即便是面对同样的代码，不同浏览器执行效果也有着较大区别。因此，为了有效解决这种兼容性不足的问题，必须结合实际情况进行具体分析，对浏览器进行研发、调试[1]。
2.2 Web加载速度过慢
文件大小在极大程度上决定了互联网加载速度快慢，文件越
大，互联网的加载速度越慢。因此若是无法提升宽带，文件的大小决定了网页运行速度的效果。在实际中，在Web网页设计中存在文件过大导致加载速度慢的问题，而在缩减加载文件的大小过程中对于代码优化整合方面的水平不足，甚至出现核心结构被删除的现象，大幅降低了用户的体验感受。
2.3 HTTP请求数量过多
在对网页进行开发时，由于程序员过于追求视觉效果，对于代码优化重视程度不高，导致了HTTP的请求数量过多才能获得较好的网页体验效果，以及由于程序设计人员缺乏实践经验，无法实现对相应代
码的优化和结构调整，导致了网页加载过慢的问题。基于这种现状，用户必须进行多次繁琐的网页跳转，才能打开目标网页，降低了用户的满意度体验。
3 优化Web前端技术的策略
3.1 在优化HTML页面方面
总体而言,HTML页面反映了一个浏览器的特点,HTML技术的有效应用不但可以使用户获得较好的视觉体验，而且能够保证网页较为完整的基本性能。在优化HTHL页面时需要综合考虑多个角影响作用，不但要实现单一页面呈现内容的较高质量，而且要确保所有页面内容在整体上的高度统一，最大限度地提升页面在设计与内容上的吸引力，避免用户出现兴趣索然的感觉，降低对网页使用的粘性[2]。
3.2 在减小文件大小方面
在上文提到，网页加载速度会受到文件的小的影响，而且网页文件越大，其加载的速度也就越慢。除了通过更换更大的宽带之外，也只有不断缩小文件大小，才能达到加快网页加载速度的效果。通过对设计逻辑、设计功能进行组件化设计，例如在具体Web 设计中把if做成组件、把一个倒计时做成组件、把一段动画做成组件、把路由做成组件、把数据架构做成组件，提高设计结构的单个可移植性，便于后期进行设计优化。在此过程中注意保护代码实现的核心功能结构，避免出现误删，或者调整错
误等导致文件无法打开。目前，应用较为广泛就是借助JavaScript应用程序，或者是采用CSS文件进行代码压缩、适当删减多余代码，进而达到缩小文件大
小的目的[3]
。
3.3 在减少HTTP请求方面
设计人员在对网页进行设计过程中，添加了一些较为繁琐的操
作步骤，以达到较好的视觉效果，进而导致HTTP请求过多。但是由于缺乏经验，没能实现对这些繁琐步骤的有效精简，进而使网站运行承受了更大负荷，甚至会在不必要的时候弹出许多可有可无的窗口，降低了网页加载速度。为了有效预防此类状况，就需要加强对设计人员的培训力度，通过转变设计思路，在确保设计功能的同时化繁为简，确保网页功能齐全、操作流畅。
3.4 在缩短DNS查询次数与时间方面数字前端工程师和web前端
在目前的Web设计运行过程中,DNS的查询时间长的缺陷较为普遍，甚至是有时经过长时间加载仍旧不能顺利地进入网站，也因此丧失很多用户，大幅降低了网页的用户访问量，不利于网站的提升发展。
有时即便是通过长时间的加载依然无法顺利进入网站，很多用户会由于长时间的等待而放弃进入网页，这样-来就会大大减少网页的整体访问量，阻碍网站的进一步发展。因此，必须要采取一系列有效措施来缩短DNS的查询次数与时间，例如使用Keep-Live 和较少的域名来减少DNS查，以此提高网站性能，使用户获得更好的体验效果，提高对网站访问的意愿。
Web 前端开发技术以及优化策略分析
单斌
(锐捷网络股份有限公司，福建福州  350000)
摘要：本文探讨了Web前端开发语言，分析了目前Web前端开发技术应用存在问题，研究了优化Web前端技术的策略，以及AJAX工作原理
及开发应用。
关键词：互联网；W e b ；技术；优化策略中图分类号:TP393.0文献标识码:A 文章编号:1007-9416(2020)04-0083-02
DOI:10.19695/jki12-1369.2020.04.41
应用研究
Copyright©博看网 www.bookan. All Rights Reserved.
第  38  卷                      数字技术与应用    www.szjsyyy
84
3.5 在加强页面优化设计方面
好的网站页面布局能够吸引大量的用户浏览，提升网站热度。然而就目前的网页设计而言，大部分难以起到吸引效果。主要原因在于设计人员设计理念创新水平不足受固有设计框架影响，或者是过于重视网页视觉效果，对网站实用性关注力度不够，使得网站的运行丧失了整体性效果。这就要求设计人员在确保网站实用性的前提下，分析对象用户心理，通过吸收一些新鲜元素对设计理念、设计框架进行创新，提升网站的服务性。只有基于客户需求，将网站内容做到精简浓缩又能吸引眼球，从而使用户快速到目标内容，才能提升用户的体验感受。
4 AJAX工作原理及开发应用
(1)在工作原理方面。较之传统的Web应用，现阶段较为流行的AJAX的Web应用采用的是异步交互的
方式，采用特定的方法将先进的AJAX引擎导入到客户端中，优化系统的传导功能，使得用户在网页操作过程中省去了频繁向终端传导的步骤，只需要在按照搜索需要将内容输入到AJAX中即可，如此便大幅提升了网页运行速度，进一步优化与调整了网页运行环境。(2)在开发过程方面。由于在程序与操作方面AJAX技术具备简单、便捷的应用优势，因而有着较为广阔的发展空间，其相关的应用发展也得到了国家有关部门的支持。对于程序员而言，在掌握AJAX技术方面，并不需要投入较多时
间成本便可轻松掌握。一般来说,AJAX客户终端会在内部程序运行下，自行将请求发送到浏览器，浏览器与服务器端连接，服务器端对请求进行接收处理，服务器再将处理结果反馈到客户端，并且通过javascript在此过程中快速完成与Visual Studio研发环境的快速对接，完成对数据进行收集、编译等过程。
5 结语
信息化时代背景下，互联网的应用发展正在不断加速，人们的生产、生活对于网络的依赖性越来越高，所以，加强对Web前端开发技术及其应用优化研究极具现实意义。相关研发单位在开展Web研发之前，需要全面了解JavaScript、HTML、CSS等设计语言，切实掌握了其应用特性，进而才能有效地应对当前Web前端开发遇到的问题，并且注意不断提升设计开发人员的专业素质，才能不断优化Web前端开发的方法和策略。参考文献
[1] 王赫.Web前端开发技术以及优化方向分析[J].科技传播,2016(8):70+77.
[2] 刘柳.基于Web前端的性能优化方案研究[D].武汉：华中科技大学,2015.
[3] .移动Web前端性能优化方法及其应用研究[D].武汉：华中科技大学,2015.
Web Front end Development Technology and Optimization Strategy Analysis
SHAN Bin
(Ruijie Network Co., Ltd., Fuzhou  Fujian  350000)
Abstract:This paper discusses the web front-end development language, analyzes the existing problems in the application of Web front-end development technology, studies the strategy of optimizing Web front-end technology, and the working principle and development application of Ajax.
Key words:Internet; Web; technology; optimization strategy
Application of  Computer Simulation Technology in Container Port System Planning
DING Hai-jun
(Jiangsu Lianyungang Port Logistics Holdings Co., Ltd., Lianyungang  Jiangsu  222000)
Abstract:This article deeply analyzes the shortcomings of traditional container terminal planning and design methods. In order to optimize the planning and design of the container port area, computer simulation technology was introduced in the design process, supplemented by examples to illustrate the application of the simulation technology planning method and its steps in order to better serve the port container freight work.
Key words:computer simulation technology; container port; model
(2)对仿真的目的进行明确，选择与之相符的仿真软件。集装箱码头执行仿真的目的：根据所设计出来的码头有关设备具体情况以及一些必要的预测参数，通过对集装到达港口停泊、开展货物装卸以及堆场中有关装卸作业进行模拟设计。针对港区道路交通的船舶流量，车辆的通过能力以及年货物吞吐量等重要模拟参数进行综合测评。当前，离散事件系统的仿真软件主要有CPSS、SIMULA等。
(3)明确有关随机变量的分布类型以及参数选择。在港口系统仿真技术应用过程中，对于港口系统建设规划中，港口车船到达港区可以对其进行服务的时间是不确定的，随机性很强。所以在进行仿真设计的时候，构建模型中随机参数与随机函数模型是必须的，同时对函数模型中的随机变量的全部分布、类型以及参数
明确下来。
3 结语
通过详细介绍计算机仿真技术在集装箱港区规划设计中的 应
用，克服了传统设计方法设计周期长、成本高以及信息化程度低的缺点。随着我国加入世贸组织，我国的水运事业的迅猛发展，计算机仿真技术必将在港口物流系统规划设计中得到越来越多的应用，为我国水运事业的发展增添新的动力。参考文献
[1] 刘春贤，安丽红.港口集装箱摆渡系统智能化实训装置的开发与应用[J].职业,2019(22):100-101.
[2] 魏兰清，胡志华，刘婵娟.基于有效距离的全球集装箱港口接近中心性研究[J].大连海事大学学报,2019,45(02):9-18.
······上接第82页
Copyright©博看网 www.bookan. All Rights Reserved.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。