前端组件化开发理念

1. 页面上的每个 独立的 可视/可交互区域视为一个组件

2. 每个组件对应一个工程目录，组件所需的各种资源都在这个目录下就近维护

3. 由于组件具有独立性，因此组件与组件之间可以 自由组合

4. 页面只不过是组件的容器，负责组合组件形成功能完整的界面

5. 当不需要某个组件，或者想要替换组件时，可以整个目录删除/替换

前端组件化开发理念

1. 组件之间互相解耦

2. 多线程,并线开发

3. 可拓展,可维护,可测试

4. 任务颗粒化,更好管理项目进度

5. 支持多个团队共同进行一个大型站点的开发

前端组件化开发理念

前端组件化开发理念

1. 整个Web应用由页面组成

2. 页面由组件组成

3. 一个组件一个目录，资源就近维护

4. 组件可组合，组件的JS可依赖其他JS模块，CSS可依赖其他CSS单元

智能静态资源管理

前端是一种远程部署，运行时增量下载的GUI软件

模块/组件加载的技术

资源加载策略:按需加载、延迟加载、预加载、请求合并

淘宝官网

HTML基础知识讲解

1. HTML发展历史

2. HTML5简介

3. HTML5的优势

4. HTML5的新特性

HTML发展历史

1. 2007年发布的iphone拒绝支持Flash，只支持HTML5

2. 2011年Adobe宣布放弃Flash的移动端项目，转而开发H5工具。H5就是为了Web App而生的，H5的强势崛起将成为移动互联网未来趋势

HTML5简介

HTML5(Hypertext Markup Language)是超文本标记语言（HTML）第5次重大修改。是一个新的网络标准，现在仍处于发展阶段。

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

目标是取代现有的HTML 4.01和XHTML 1.0 标准。

它希望能够减少互联网应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。

HTML5的优势

1、多设备跨平台

跨平台性非常强大，可以轻易的移植，这也是大多数人对HTML5有兴趣的主要原因

2、自适应网页设计

“一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）。

3、即时更新

游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。

4、多媒体

可以给站点带来更多的多媒体元素(视频和音频)，且非常方便。

HTML5的新特性

* 新增meta属性，实现响应式布局

meta name="viewport" content="width=device-width, initial-scale=1

1、用于绘画的 canvas 元素（用于动画，游戏，以及动态地图）

2、多媒体应用如： video 和 audio （减少对外部插件的需求（比如 Flash）

3、对本地存储、离线存储的更好的支持（如kindle，记住用户名、密码等）

4、新增元素，比如 article、footer、header、nav、aside、section、mark、time等

5、新增表单控件，比如 color、date、time、email、url、search、range等

6、废除的元素，比如 big center font等可以用css代替，再比如不再使用frame框架，由于框架对网页可用性存在负面影响。只可以用iFrame，用服务器方在同一个页面加载不同页面。