WEB学习笔记1-综述

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代码中选择性能更好的实现方案，如延迟加载，动态加载等技术，会让页面加载更快和交互更流畅。