摘要：随着社会的飞速发展，互联网技术早已渗透到人们的日常生活中，web时代也已来临，web前端技术使互联网信息以更容易被人们理解的方式呈现在互联网上，网页也不仅仅是静态图片与文字的叠加，各式各样的媒体信息呈爆炸式增长，同样人们对互联网网页的要求也更高，这也促使了web前端开发技术在不断的进步。本文便对web前端开发技术进行了研究。
关键词：web；前端；开发技术；
一、什么是web前端开发技术
Web前端开发技术主要包含JavaScript，CSS、HTML三个要素，然而随着RIA的发展与普及，Flash/Flex、Silverlight、XML和服务器端语言也是被人熟知的技术。随着社会的快速发展，传统web前端开发技术的三要素也逐渐演变为今天的HTML5、CSS3和jQuery。Web前端开发技术涵盖的范围较为广泛，例如软件工程领域，在对web前端开发技术进行分析时，借助于互联网理解与分析前端开发技术，即所有沿着浏览器到用户端设计的计算机都可以称之为前端技术。
二、web前端开发技术的现状
目前而言，Web前端开发已然成为了研究的热点。社会通过多年的发展，人们对各方面的要求都普遍增加，对于Web前端开发，人们对于自身的体验也是大有要求。所以为了提高用户对网页的体验，Web前端开发的职位分工也越来越明确，例如交互设计师、网页设计师、前端开发工程师、网页重构师、用户体验师等。作为Web前端开发工程师需要掌握前端的开发技术以及后期的优化技术，其中前端开发技术就要掌握：CSS、HTML、DOM、AJAX等，并且不光需要了解这些技术，更要清楚的了解这些技术在不同浏览器上的兼容、渲染等各种问题。任何一个合格的Web前端开发工程师对于网站性能优化、SEO以及服务器端的基础知识等都是必须要掌握的，并且也要熟练的运用各种开发工具进行辅助开发。对于一个前端开发人员来说，技术要充分掌握那是必不可少的，同样理论知识方面也要了解的一清二楚，Web前端的理论知识包括代码的可维护性、组建的易用性、分层语义模板以及浏览器分级支持等，这些都是Web前端开发人员需要掌握的理论知识，并且可以理论与实践相结合。由于Web前端技术一直是处于开发上升阶段，所以对于很多规范的以及益于实践的研究还都处于探索阶段，各式各样的结构框架层出不穷，设计方案更是五花八门。所以针对下一阶段如何对Web进行优化，提升用户的使用体验，加快运行速度等问题才应该是研究的重点。
三、CSS、JavaScript、HTML
（一）CSS
CSS是一种用于表现HTML或XML等文件样式的计算机语言，一般用于在网页中增强控制，基于传统的HTML网页的技术方法，CSS技术可以更精准的控制标签对象在网页中的位置，排版和样式等元素。CSS技术是目前来说网页设计中最为流行的，且应用最为广泛的一种网页设计语言，语法灵活，代码可读性高等都是CSS语言的特点。
（二）HTML
HTML(Hypertext Markup Language,超文本标记语言)是一种专门用于创建Web超文本文档的计算机编程语言，并且是一种网页开发的规范标准，一般对于网页中各元素的编辑显示都是通过对标签符号的使用实现的。在HTML编程语言来临之后，对于网页中带有文本、图像以及视频等元素的内容才逐渐进入了人们的视野，HTML经过多年的发展，也发布了多种版本，当今比较流行的是HTML5。HTML5在音频、视频、动画、应用等方面给网页的设计带来了前所未有的改变，与传统的网页设计风格及相关理念截然不同。HTML5同样也抛弃了上一代网页标准中不常用的网页标签，并且引用了多种新型标签，其最大的优点便是具有良好的网页表现性能以及跨平台兼容性。
期刊文章分类查询,尽在期刊图书馆
（三）JavaScript
随着JavaScript编程语言技术的出现，Web前端开发更是进入了一个新的时代，JavaScript是由网景公司提出，是一种脚本网页编写语言，具有事件响应以及面向对象的特点，一般配合HTML网页添加动态功能，响应用户的操作。JavaScript也是一种解释性语言，因为JavaScript的编写过程不需要专门的编辑器，常使用在客户端，所以被大部分技术人员青睐。使用JavaScript的目的就是与HTML超文本语言、Java脚本语言共同实现在同一个网页中链接多个对象，与网络端客户实现交互作用，为元素设置监听事件，当监听到某个元素的某个事件时会调用相应的时间函数来执行并处理该事件，将处理结果返回给函数调用元素。JavaScript网页设计语言具有动态性、跨平台性、减少交互时间的优点，JavaScript语言是动态的，工作时无需经过Web服务程序。凡是能运行浏览器的并且支持JavaScript的计算机，都可以利用到JavaScript的跨平台性特点。通过JavaScript的减少交互时间特点，服务器代替客户端完成诸多操作，用户节省了大量的时间。
四、Web应用优化方案
众所周知，Web前端开发是当今一项非常热门的专业，其能够高效的为用户传递所需信息，并且能够快速的为后端服务器传递相关数据，并且这也是衡量一个Web前端价值的方法。前端开发人员一直在追求着自己设计出的网页可以满足用户以及后端服务器的需要，如果设计出来的Web网页对于用户来说响应过慢，或者Web网页运行不稳定，这不但会影响用户的体验，更可能会造成数据的丢失，给用户带来诸多不必要的麻烦损失。
（一）限制HTTP请求次数
当Web前端开发人员在进行前端开发时，为了达到美化效果，往往会往网页中加入过多的图片，可是这样虽然达到了华丽的效果，但是在运行方面却不尽人意，过多的图片严重的将网页加载速度拖慢。所以，Web开发人员在进行前端开发时，不应该只注重页面的美化效果，应当针对不同的网页内容，在保证其能够平稳运行的前提下，使页面更加的简洁大方，过于花哨的网页也会使浏览用户视觉疲劳，减少网页中不必要的操作，减少HTTP中的请求次数，方能使整个网页更加流畅的运行。
（二）合理配置文件大小
在进行前端开发时，减少了HTTP的请求次数过后，接下来就应当合理的配置文件资源了，文件的大小也会影响到一个网页的加载速度与宽带资源的占用，Web开发人员在编写网页代码时，应尽可能用最少的代码编写出需要的网页效果，通过简洁的代码来减少相应文件的大小。通过减少相应文件的大小，来提高Web网页的加载速度。
（三）将script放在底部，减少重新定向
我们所谓的将script放在底部的意思是说为了防止script脚本的执行阻塞了页面的加载，通过将script放在底部来提高网页页面中组件的下载速度，网页页面的加载时间也会相应减少，以此提高Web前端的相关性能。并且在对网页进行浏览的过程中，如果这一页面需要进行重新定向，那么这也会耗费诸多的时间，尽管造成重新定向的原因各种各样，但是不管是由于什么原因造成的，都会增加至少一次的Web的请求，所以，也应当尽可能的避免重定向。
四、结语
凭借着当今互联网的快速发展，web前端开发技术也从简单走向困难，web前端技术开发人员不仅要掌握基础的web开发技术、网站性能优化等服务器端知识，更要深刻了解相关理论知识并能够灵活使用各类工具进行辅助开发，类似于代码的可维护性、分层语义模块、组件的易用性等都要掌握于心。在未来几十年里，web前端开发工作都将成上升趋势，网站前端页面优化的越来越好，互联网上的文明才会变得更加和谐。
【参考文献】：
[1]刘蕾，刘冰月.Web前端课程的知识体系和教学实践[J]软件工程，2018，v.21；No.228(06) : 54-56.
[2]吴向荣，“JavaWeb编程技术”课程教学方法研究[J].电脑知识与技术，2019，15（01）：165-168.
[3]刘蕾，刘冰月.Web前端课程的知识体系和教学实践[J].软件工程，2018，v.21;No.228（06）：54-56.
论文作者:李恩江,徐涧虎,范鑫
论文发表刊物:《基层建设》2019年第23期
论文发表时间:2019/11/8
标签：网页论文; 技术论文; 用户论文; 开发人员论文; 语言论文; 互联网论文; 是一种论文; 《基层建设》2019年第23期论文;