Web标准与前端开发
什么是Web前端开发?
Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。Web前端作为一个工作，其主要工作领域是浏览器端。
Web前端开发的核心思想是什么?
- 核心技术包括 JavaScript，CSS，Html 等。还要处理服务器通信，以及部分服务器脚本开发的工作，比如发布、测试脚本，jsp、php页面脚本。有时，还需要与产品经理、交互设计，共同完成一些交互设计。
- Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！
一、关于前端开发的起源
1. 起源、架构、变迁
- 1989年诞生时，Web由三种技术构成：HTML、HTTP、URL
- CSS和Javascript是几年后才出现的
| 只读时代 | 体验时代 | 敏捷时代 |
|---|---|---|
| 1989-2004 | 2005-2010 | 2010-1021 |
| HTML/CSS/Javascript | Ajax/Web API/jQurey | Fetch/Node.js/Wedpack |
| 单向发布、静态只读、链接跳转、刷新页面、表格对齐元素 | 动态交互、社交媒体、用户生成内容（UGC）、单页应用（SPA） | 模块化、组件化、转译(transpiling)、打包（bundling） |
| CGI | jQuery、YUI | React.js、Vue.js |
二、前端应用的领域
To Business
To Customer
To Developer
1. 前端应用的领域之服务器
2. 前端应用的领域之终端和跨端
| 命令行/终端 | 桌面跨端 | 移动跨端 |
|---|---|---|
| Webpack CLI、Babel CLI、Vue CLI、React CLI | Electron、NW.js | React NativeFlutter |
三、语言、框架、工具
HTML、CSS、JavaScript、WebAssembly（C++、C or Rust）
Node.js、Vue、TS、Git、Koa…
Web前端需要掌握技能有哪些？
精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
(1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构;
(2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器;
(3)熟悉JavaScript，了解ECMAScript基础内容，掌握1-2种js框架，如JQuery;
(4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案;
(5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
四、标准组织
W3C
Ecma
WHATWG
IETF
Web标准与前端开发的区别：
- web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上。
- 移动端主要以webkit内核为主，对于HTML5等新技术支持的更好；而web前端由于很多场景下要求兼容IE等老版本浏览器，有些情况下限制了新技术的使用。
- 页面的适配性上，移动端页面的适配难度更高一些。
- 页面的性能上，web端的性能比移动端稳定。
