WEB学习笔记1-综述

时间:2022-03-31 02:29:36

WEB前端基本技术:HTML、CSS、JavaScript

概念

  从职责上讲,Web前端开发要涉及网站开发的方方面面,从前端UI到和后端的数据交互都属于前端开发的范畴。Web前端开发是兼具艺术气息和逻辑思维的综合体,既要考虑页面的美感和操作体验,又要关注前端代码的质量。

具备的技能

1页面标记(HTML)

2页面样式(CSS)

3前端编程,主要是JavaScript

4跨平台,跨浏览器

5前端框架:jQuery,YUI,Ext JS等

6调试工具:IE Dev Toolbar/Chrome Developer Tools/Firefox Firebug/HTTP请求检测和模拟工具 Fiddler

7沟通能力

W3C标准

  结构(structure)标准:XML标准、XHTML标准、HTML标准

  表现(presentation)标准:CSS样式标准

  行为(behavior)标准:ECMAScript标准和DOM标准

前端代码格式:命名、代码缩进、空格、空行以及代码注解

前端性能:主要体现在浏览器的相应速度上,包括网页的加载速度和页面的交互响应速度。

  网页加载所占用的时间=后端处理请求的时间+代码文件从服务器传输的时间+HTML和CSS的组合展现的时间+javascript加载和运行的时间

  注意:减少文件传输时间最直接的方法是减少文件的大小,越少的代码文件相对传输就会更快  

    简洁和符合标准的HTML和CSS代码能减少浏览器解析时间,加快浏览器渲染过程;

    页面中的请求数量越少相对页面加载时间也会越快

    在javascript代码中选择性能更好的实现方案,如延迟加载,动态加载等技术,会让页面加载更快和交互更流畅。