Web 前端开发技术以及优化研究

    摘要：阐述 Web 前端开发相关技术包括 HTML/XHTML、CSS（层叠样式

表）、

JavaScript、DOM（文档对象模型）、Ajax 等，研究 Web 前端优化的方

 

法。

　　关键词：

Web 前端开发；HTML；CSS；JavaScript；Web

 

前端优化

　　

Web 前端开发是由网页制作演变而来的，名称上具有明显的时代特征。网

页制作是

Web 1.0 时代的产物，网站以静态内容显示，用户使用网站的行为也

以浏览为主。

2005 年以后，互联网进入 Web 2.0 时代，Ajax 带来无刷新数据

交互，缩减网页跳转的次数。

Web 前端应用会在减少网页的跳转方面做更进一

步的努力，在单个页面即能完成更多功能，由前端技术驱动代替数据展现驱动。

 

　　纵观无论是底层技术的支持还是跨平台兼容的需求，前端未来将迎来更加

繁荣的局面。预计会出现更多的前端主导的产品，前端工程师的需求大量的涌现

 

将会催生出大量的创造和革新。

　　

1 Web

 

前端开发技术

　　

Web 前端开发技术主要包括三个要素：HTML、CSS、JavaScript。这三种

前端开发语言具有不同特点，对代码质量的要求也不同，但它们之间又有着千

丝万缕的联系。

DOM、Ajax

 

、等也是需要掌握的知识及技术。

　　

1）HTML/XHTML 

　　

HTML5：超文本标记语言（HTML）5 结构上更加清晰和明确，取消了一

些过时的标记，将内容和展示进行分离，改进相关结构后，生成的网页更干净

和易于管理，提升了用户体验，有利于搜索引擎和屏幕阅读器进行抓取。移动设

 

备上

HTML5 

 

将具有更大的优势，因此更适合如

Web 

 

操作系统一类的

RIA 应

 

用的前端开发。

　　

XHTML 是严谨又准确的 HTML，对比以前众多版本的 HTML，具有更严

 

格的书写标准和更好的跨平台能力。

　　

2  

）

CSS

 

（层叠样式表）