web前端开发语言研究

web前端开发语言研究

web的前端开放是网络生产的发展，其名称具有明显的时代特征。网页制作是Web1.0时代的产物,网站以静态内容显示,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,Ajax带来无刷新数据交互,缩减网页跳转的次数。Web前端应用会在减少网页的跳转方面做更进一步的努力,在单个页面即能完成更多功能,由前端技术驱动代替数据展现驱动。纵观无论是底层技术的支持还是跨平台兼容的需求,前端未来将迎来更加繁荣的局面。预计会出现更多的前端主导的产品,前端工程师的需求大量的涌现,将会催生出大量的创造和革新。1两种前端开发语言之间的联系Web前端开发技术主要包括三个要素:HTML、CSS、JavaScript。这三种前端开发语言具有不同特点,对代码质量的要求也不同,但它们之间又有着千丝万缕的联系。DOM、Ajax、等也是需要掌握的知识及技术。1web系统比较HTML5:超文本标记语言(HTML)5结构上更加清晰和明确,取消了一些过时的标记,将内容和展示进行分离,改进相关结构后,生成的网页更干净和易于管理,提升了用户体验,有利于搜索引擎和屏幕阅读器进行抓取。移动设备上HTML5将具有更大的优势,因此更适合如Web操作系统一类的RIA应用的前端开发。XHTML是严谨又准确的HTML,对比以前众多版本的HTML,具有更严格的书写标准和更好的跨平台能力。CSS是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它有以下几个显著优势:表现和内容相分离;提高页面浏览速度;易于维护和改版。3web应用程序相关软件设计JavaScript是Netscape公司的产品,开发目的是为了扩展NetscapeNavigator的功能,是一种介于Java和HTML之间、能嵌入Web页面中基于对象和事件驱动的解释性的编程语言。JavaScript出现后,信息和用户之间不再只是简单的显示与浏览的关系,更可以进行实时、动态、可交式的表达。当前流行的Ajax也是依赖于JavaScript而存在的。JavaScript可以被嵌入到HTML文件中,不需要经过Web服务器就可以对用户操作作出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服务器端的压力,并减少用户等待时间。4提取网络协议DOM是W3C提出的一种与平台和语言无关的标准API,它把XML文档抽象为由节点构成的树形数据结构。DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件。DOM被分为不同的部分(核心、XML及HTML)和级别(DOMLevel1/2/3)。5宽带用户与服务器间的步骤通信hpvAjax即“AsynchronousJavaScriptandXML”(异步JavaScript和XML),实际上是一个客户端Javascript技术。通过Ajax可以实现客户端与服务器之间的异步通信。Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHttp组件、XMLHttpRequest对象。此外还需要使用DOM(文档对象模型)对象技术来实现数据的交互。它是与平台和语言无关的接口。2web优化如果网站仅有美观的页面设计和完善的服务功能,但性能无法满足要求,导致页面延迟过长,也无法令用户满意。前端优化的途径有:1减少请求的方法是扩大带宽的限制这条策略基本上是最重要最有效的。一个完整的HTTP请求要包含DNS寻址、建立和服务器的连接、发送数据、等待服务器响应、接收数据这样一个“漫长”而复杂的过程。用户需要看到或“感受”到资源是必须要等待这个过程结束的,占据一定的时间成本,因为每个请求都必须携带数据,所以每个请求都需要占用带宽资源。而浏览器进行并发请求的请求数是具有一定上限的,当请求数超出上限后,浏览器需要分批进行请求,用户的等待时间进一步增加,用户会有站点速度慢的印象,即使也许用户可视的第一屏资源都已请求结束,但浏览器的进度条会一直存在。减少请求的方法有:合并文件(将多个CSS文件或JavaScript文件合并成一个);图片地图(在一个图像上划分不同区域映射不同的链接);内联图像(让图像与文本一起下载和显示);CSSSprites(利用CSSbackground相关元素进行背景图绝对定位)等。2避免内联式样式以及则语言优化包括压缩JavaScript和CSS文件以及优化代码。优化代码包括去除不必要的html标签,避免内联式样式以及CSS代码优化。CSS全称是层叠样式表,层叠意味着后面的CSS能覆盖前面的CSS,高级别的CSS覆盖低级别的CSS,浏览器完全加载后再渲染也是合情合理的,所以我们应尽快使CSS加载完毕。页面的逐步显示可以避免出现屏幕空白,用户能立即看到页面的部分内容。4脚本设置为底部此举措旨在防止script脚本的执行阻塞页面的下载,因而提高页面组件的下载速度,减少页面的加载时间,提高网站前端的性能。5风湿性关节炎查询的时限一次DNS的解析过程会消耗20-120毫秒的时间,在DNS查询结束之前,浏览器不会下载该域名下的任何东西。所以减少DNS查询的时间可以加快页面的加载速度。6尽量添加web请求,避免一次重定向页面的重定向会消耗一定的时间。发生重定向的原因有多种,但是不变的是每增加一次重定向就会增加一次Web请求,因此应尽量减少,比如对Web站点子目录的后面添加个“/”,就能有效避免一次重定向。7http请求降低用户体验404错误是因为未找到文件引起的。HTTP请求会消耗很多时间,所以用HTTP请求来获得一个无用的响应(例如404未找到页面)毫无必要,只会降低用户体验。对页面链接的充分测试和对Web服务器error日志的不断跟踪可以有效减少404错误。3web应用将更加丰富从博客开始到现在的各种前端技术的开发与应用都离不开Web本身,近来以HTML5为代表的新一代移动Web技术是Web前端技术的重大发展创新,将大幅提升Web应用在交互、系统能力调用、富媒体、语义化等方面的能力,使用户无需安装纷繁的插