? ??? ?? ??????? ??? ?????. 1. ?? ?????? ?????? ???? ?? ??? ?? ?????? Angular 2. ??? ????? ??? ?? JavaScript ?? ????? 3. ??? ????? ??? ?? ?? ?? ?????? JavaScript ????? 4. HTML, CSS ? JavaScript ?? ????? ?????? Bootstartp 5. ?????? ?? ? ????? ?? ??? ??? QUICK UI .

? ????? ?? ??: Windows 7 ???, Dell G3 ???.

"?????"??? ??? ? ??? ??? ???? ?? ??? ? ?? ? ???? ??? ??, ? ???? ? ? ?? ??? ???? ? ????? ???? ?? ??? ?????. ??, ???, ?????. ?, ? ??? ???? ? ???? ??, ?? ??? ?? ? ? ??? ?? ?? ??? ?????.

? ????? ?????? ?????

1. Angular

AngularJS? 2009? Misko Hevery ?? ????? ??? Google? ???????. ?? ???? ???? ??? ????? JS ????????. ?? ??? ?? ????? ?? ?????? ?? ??? ????? ?????? ???. ?? ???? ??? MVC ??? ??? ???? ??? ?? ?? ??? ??? ??? ?????. AngularJS? ?? ??? ?? HTML? ????? ??? ????, ??? ??? ?? ??? ??? ????? ?? ??? ?? ???? ???? ??? DOM ??? ?????. ?? ????? ??? ??? ??? ?? ??? ??? ?????.

Angular? ?? ?????? ?????? ???? ?? ??? ?? ?????? ??? ???, ???, ???, ??? ?? ?? ?? ?? ?? ??? ??? ????. ??? ?? ??? ??? ??? ??? ?? ??? ??? ????.

1. ??? ?? ???? ??

• 2. ??? ??? ???

• 3. . HTML ???

• 5. ??, ?? ? ??? ??
??:

1. ???? ?? ???? ?????.

2 ???, ???, ??? ??? ???, ???, ???, ??, ??? ?? ? ?? ?? ??? ???? ??? ??? ??? ?? ????????.

• 3. ???? ?????? ?? ? ??? ? ????.

• 4.ng ???? Java(??? ??)? ?? ??? ???? ???? ??? ??? ??? ?? ??? ? ?? ?? ?? ??? ?? ?? ?? ?????.

• 5.angularjs? ??? ?? Google? ?? ?????? ?? ??? ??? ???? ??? ??? ??? ?????.
??:

1. Angular? ???? ???, ? ?? ???? ??? ?? ???? ?? ???? ?????.

2. ?? ???? ????? API? ?? ??? ?? ??, ???? ?? ??? Google?? ?? ???? ??? ????. Angular? ?? Misko???.

• 3. ?? IE6/7? ????? ??? jQuery? ???? ???? ??? ???? ?? ??? ??? ? ????.

• 4. ?? ??? ?? ?? ?? ????? ?? ????. Angular? ??? ?? ???? ?? ??? ??? ??? ?? ??? ???? ????. js ?? jQuery? ??? ????? ?? DOM ??.

• 5.DI ??? ?? ?? ??? ???? ??? ??? ??.
• 2, React

React? Facebook?? ??? ?? ???? Angle?? 4? ?? 2013?? ?????? ???? VirtualDOM ??? ?? ??? AngleJS? ??????. ??? ???????. VirtualDOM, JSX, Diff ???? ?? ??? ?? ??? ??? ES6 ??? ???? ??? ?????? ?????. ???? ?? ??? ? ???? ? ?? ?? ???? ?????.

??

1. ??? ???: React? ??????? ?? ??? ? ?? ??? ????? ?????.

2. ???: React? DOM? ??????? DOM?? ?? ??? ??????.

• 3. ???: React? ??? ?????? ?????? ? ?????.
??:

1. ??: UI ??? ???? ?? React? ?? DOM? ???? ??? ?? ?? DOM? ?? ?? ????? ?????.

2. ???? ? ???: Virtual DOM? ???? ? ??? ???? ? ??? ?? IE8??? ??? ?? ?? ???? API? ?????.

• 3. ???: ?? ?? ?? ?? ??? ??? ?? ? ?? ??? ? ??? ????? ?? ???? ??? UI ?? ??? ?????.

• 4. ??? ??? ??: Flux? JavaScript ???????? ??? ??? ??? ???? ?? ???????. 5. ??, ?? JavaScript: ?? ?? ???? JavaScript? ?? ??? ??? ???? ?????. -? ???? SEO? ??? ???. 6. ??? ???: ?? ?? RequireJS? ?? ? ???? ???? ?? Browserify ? Webpack? ??? ?????? ??? ?????. ??? ??? ??? ??? ? ??? ????. ??: React ??? ??? ?????? ?? V? ???? ??? ????? ?? ??? ?????? ???? ????? ??? ??????? ????? ReactRouter ? Flux? ???? ???.

3, Vue

Vue? ????? ???(2014) ??????? ?? ?????? Angle ? React(?: VirtualDOM, ??? ??? ???, diff ????, ??? ??)? ??? ?????. , ?? ??? ?? ?) ? ?? ???? ???? ???? ??, ???? ??, ????? ???? ?? ??????.

??:

• 1. ?? ?????

• 2. ??? ??? ???

• 3. ????

• ??:

1. ???: ?? ??? Angular?? ?? ???? ??? ????.

• 2. ??: ??? ?? ??? DOM? ???????.

• 3. ??: ???? ??? ??? ?? ??? ??????? ?????.

• 4. ??: ~18kbmin+gzip, ??? ??.

• 5. ???: ???? ?? ?? ??? ??? ??? ????.

• 6. ?? ???: NPM, Bower ?? Duo? ?? ??? ? ??? ?? ??? Angular? ??? ??? ???? ???? ??? ?? ????? ? ?????.

• ??:

1. ??: Vue.js? ???? ???? ?? ??? ???????.

• 2. ??? ??? ?? ????. Google?? ??? ?? Vue.js? ????? ???? ?? ??? ??????? ????.

• 3.

• 4. Bootstartp

Bootstrap? HTML, CSS ? JavaScript? ???? ?? Twitter? ?? ?? ??? ?? ????????. ? ??????? ??? ??? ?? ??? ??? ?? ?????. ??? ????? ???? V3 ?? ?? ??? ?? ????? ?????. Bootstrap? ?? CSS ?? Less? ??? ??? HTML ? CSS ??? ?????. Bootstrap? ?? ?? ? ??? ???? NASA? MSNBC(Microsoft National Broadcasting Company) Breaking News? ???? GitHub?? ?? ?? ?? ?? ????????. WeX5 ????? ???? ????? ? ?? ??? ????? ??? ?? ?????? ????? ????? ???? ??? ?????.

?? ??: https://getbootstrap.com

??? ??: http://www.bootcss.com/

Bootstrap ??

Bootstrap? ?? ???? ??? ???? ?? ?? ??? ????. . ?? ?? ??? ??? ????:

1) ?? ?? ? ?? ????

? ?? ??? ?? IE7 ? 8? ???? ?? ?? ????? ?????. ?? ? ????? ? ?? IE9 ??? ????? ???? ????.

2) ??? ????

? PC?? ??? ???? ?????? ??? ? ?? ?? ??? ??? PAD, ??? ? ?? ??? ??? ?? ?????? ?????.

3) ???? ?? ?? ??

Bootstrap? ???? ???? ??? ??, ???, ?? ??, ?? ? ??? ?? ??? ???? ?? ???? ?? ??? ?????.

4) ?? jQuery ????

Bootstrap? ???? ??? ??? ?? ?? ??? ??? ? ??? ???? ???? jquery ????? ?? ?????.

5) HTML5 ??, CSS3

HTML5 ??? ?? ? CSS3 ??? ? ?????.

6) LESS ?? ??? ??

LESS? ??, ?? ? ?? ?? ??? ???? ? ??? ??? CSS? ?????. Bootstrap?? ? ??? ? ????.

5. QUICK UI

QUICK UI? ?? ?????, UI ?? ?? ?????, ?? ???, ?? ???? ? ??? ??? ??? ??????? ? ??? ?? ?? ??????. QUICKUI? ???? ???? ???? ?? ??? ?? ???? ???? ???? ???? ?? ??? ? ?????? ???? ??? ??? ? ????.

6. MDC Web

Material Components for the web(MDC ?)? Google? ???? ??? ??? ????? ????????. MDC ?? ???? ???? ???? ???? ? ??? ??, ????? Google? ?? ???? ? UX ???? ?? ?????. ??? ?? ??? ???? ???? ???? ? ????? ??? ? ?? ??? ?? ????? ?????.

7、??

Bootstrap, Patternfly ? MDC Web? ?? ??? CSS ???????? ?? ???? ?????. ??? CSS ?????? ???? Pure.css? ???? ?? ????. ?? CSS ?????? ? ???? ?? ? ???? ???? ?? ??? ? ? ????. Pure? ???? ??? ???? ?? CSS ?????? Yahoo?? ?????? BSD ????? ?? ?? ?????.

8. Foundation

Foundation? ???? ?? ??? ??? ??? ?? ??????? ?????. ???? ???? ??? ?? ?? ??? ????? ?????. ? ?????? ?? ??, ???? ???? ???? ??? ?????.

9, Bulma

Bulma? Flexbox ?? ?? ?? ?????? MIT ????? ?? ?? ?????. ??? CSS ??? ??? ?? ??? ????????. Bulma? ??? ??? ?? ??? ? ??? ???? ??? ??? ?????. ???? ??? ? ?? ? ?? ??? ?? ????.

10. Skeleton

?? ????? Skeleton. Skeleton ?????? ??? ? 400?? ???? ?????? ?? ?? CSS ????? ?? ??? ?????. Skeleton? ??? ???? ? ??? ?? ??? ??? ?? ?????.

11. Materialize

Materialize? ???? ??? ???? ???? ?? ???? ??? ??? ?? ??????, ?? ?? ??? ???? ??? ?? ?? ??? ???? ?? ???? ?????. Materialise? ?? ???? ?? ????? ???? ????. ?? ?? ????? ??, ??, ?? ?? ?????.

12.BootFlat

BootFlat? Twitter? Bootstrap?? ??? ?? ?? CSS ????????. BootFlat? Bootstrap?? ???? ?????. ??? ???? ?? ?? ??????.

13. PatternFly

PatternFly? Bootstrap? ?? ???? ????? ???? ?? ???? ?? ??? ??, PatternFly? ?? ??? ??? ?? ?? ??? ??? ???. ??, ?? ? Red Hat? ??? ?? ???? OpenShift? ??????. PatternFly? ?? HTML ??? Facebook?? ??? ?? ?? JavaScript ?????? ReactJS ?????? ?????. PatternFly?? ?????? ?? ??????? ??? ?? ??, ??, ?? ? ????? ?? ?? ?? ?? ??? ????.

14, flex

Flex? ?? ????? ??? ??? ?? ?? Apache ????? ????. Flex4.8? ?? Apache ??? ????. , ? ??? Flex? ??? ??? ??? ?? ????? ?? ???? ??? Flex ??? ??? ?????. ???? ?? ??, ?? ?? ?? ?? ??? ?? Flex? ???? ? ??? ? ? ????.

?? Xiaoqian? ???? ? ????? ??? ????? ???? ????????. ?????? ???? ?? ??? ?? ???? ????? ??? ??? ?? ?? ?????? ???? ??? ? ??? ?? ??? ?? ???? ???? ? ????.

15. SUI

"SUI? ?????? ???? ??? ????? ???? ????????. ??? ??? ????? ???. SUI? ?? ???? ???? ?? ????? ??? ? ????." ??, ??? ???? ??? ???? ??? ?? ??? ?? ???? ?? ? ????(囧...). ??, ???? ???? ??? Bootstrap? ??? ? ?? ??? ?? SUI? ??? ? ????. Taobao? ??? ?? ???? ???? ????. .

Github: https://github.com/sdc-alibaba/sui

?? ????: http://sui.taobao.org/sui/docs/index.html

(?? ?? ??: ? ???- ?)

? ??? ? ??????? ?? ?????? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!