有什么比较好的 HTML5 CSS3 框架 HTML5有哪些主流框架
\u6709\u4ec0\u4e48\u6bd4\u8f83\u597d\u7684 HTML5 CSS3 \u6846\u67b6\u76f4\u63a5\u81ea\u5df1\u624b\u5199\u662f\u6700\u597d\u7684\uff0c\u4f7f\u7528\u6846\u67b6\u6ca1\u5fc5\u8981\u3002
\u6846\u67b6\u7684\u8bdd\u6bd4\u5982bootstrap\u4e4b\u7c7b\u7684\u90fd\u662f\u81ea\u9002\u5e94\u4e0d\u9519\u7684\u6846\u67b6
\u5bf9\u4e8e\u53c2\u52a0\u676d\u5ddeWeb\u524d\u7aef\u57f9\u8bad\u73ed\u7684\u4eba\u6765\u8bf4\uff0c\u4ed6\u4eec\u7684\u8bfe\u7a0b\u5b89\u6392\u662f\u4ece\u57fa\u7840\u5230\u8fdb\u9636\uff0c\u5e76\u7531\u4e13\u4e1a\u7684\u8001\u5e08\u5f15\u5bfc\u6559\u5b66\u3002\u5728\u5177\u5907\u4e00\u5b9a\u7684\u7406\u8bba\u57fa\u7840\u4e4b\u540e\uff0c\u8fd8\u9700\u8981\u5b66\u4e60\u524d\u7aef\u6846\u67b6\uff0c\u76ee\u7684\u662f\u51cf\u5c11\u91cd\u590d\u7684\u52b3\u52a8\uff0c\u63d0\u9ad8\u5de5\u4f5c\u6548\u7387\u5e76\u589e\u52a0\u5b89\u5168\u6027\uff0c\u800c\u8fd9\u4e5f\u662f\u5f88\u591a\u4f01\u4e1a\u5728\u9762\u8bd5\u8fc7\u7a0b\u4e2d\u7ecf\u5e38\u63d0\u95ee\u7684\u77e5\u8bc6\u70b9\u3002\u4eca\u5929\u5c31\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u4e00\u4e0bWeb\u524d\u7aef\u4e09\u5927\u4e3b\u6d41\u6846\u67b6\u3002
\u76ee\u524d\u6bd4\u8f83\u6d41\u884c\u7684\u524d\u7aef\u4e09\u5927\u6846\u67b6\u662fAngular\u3001React\u3001Vue\uff0c\u4e09\u8005\u5404\u6709\u6240\u957f\u3002
1\u3001Angular
Angular\u662f\u4e00\u4e2aJavaScript\u6846\u67b6\uff0c\u6700\u4e3a\u6838\u5fc3\u7684\u662f\uff1aMVC(Model\u2013view\u2013controller)\u3001\u6a21\u5757\u5316\u3001\u81ea\u52a8\u5316\u53cc\u5411\u6570\u636e\u7ed1\u5b9a\u3001\u8bed\u4e49\u5316\u6807\u7b7e\u3001\u4f9d\u8d56\u6ce8\u5165\u7b49\u7b49\u3002Angular\u901a\u8fc7\u6307\u4ee4\u6269\u5c55\u4e86HTML\uff0c\u4ee5\u4e00\u4e2a JavaScript\u6587\u4ef6\u5f62\u5f0f\u53d1\u5e03\uff0c\u901a\u8fc7script\u6807\u7b7e\u6dfb\u52a0\u5230\u7f51\u9875\u4e2d\u3002Angular\u7684\u4f18\u52bf\u5728\u4e8e\uff1a\u96f6\u914d\u7f6e\u3001\u6df1\u5ea6\u6574\u5408\u8bbe\u8ba1\u6a21\u5f0f\u3001\u7ea6\u5b9a\u624d\u662f\u6846\u67b6\u7684\u672c\u8d28\u3002\u4e0d\u8fc7\u5bf9\u4e8eJavaScript\u5de5\u7a0b\u5e08\u6765\u8bf4\uff0c\u5c11\u6709\u5de5\u7a0b\u5316\u7684\u7ecf\u9a8c\uff0c\u5b66\u4e60\u8d77\u6765\u4f1a\u6bd4\u8f83\u75db\u82e6\u3002
2\u3001React
React\u662f\u4e00\u4e2aFacebook\u548cInstagram\u7528\u6765\u521b\u5efa\u7528\u6237\u754c\u9762\u7684JavaScript\u5e93\uff0c\u7528\u4e8e\u6784\u5efa\u9875\u9762\u3001Javascript\u5e93\u3002\u4e3b\u8981\u529f\u80fd\u662f\u5bf9DOM\u64cd\u4f5c\uff0c\u58f0\u660e\u5f0f\u8bbe\u8ba1\uff0c\u66f4\u5feb\u7684\u5f00\u53d1\u51faWeb\u5e94\u7528\u7cfb\u7edf\u3002\u501f\u52a9React\uff0c\u4f60\u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\uff0c\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\u3002\u5728\u6570\u636e\u6539\u53d8\u65f6\uff0cReact\u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002
3\u3001Vue
Vue\u662f\u7528\u4e8e\u6784\u5efa\u4ea4\u4e92\u5f0f\u7684Web\u754c\u9762\u7684\u5e93\uff0c\u5b83\u63d0\u4f9b\u4e86MVVM\u6570\u636e\u7ed1\u5b9a\u548c\u4e00\u4e2a\u53ef\u7ec4\u5408\u7684\u7ec4\u4ef6\u7cfb\u7edf\uff0c\u5177\u6709\u7b80\u5355\u3001\u7075\u6d3b\u7684 API\u3002\u4ece\u6280\u672f\u4e0a\u8bb2\uff0cVue\u96c6\u4e2d\u5728MVVM\u6a21\u5f0f\u4e0a\u7684\u89c6\u56fe\u6a21\u578b\u5c42\uff0c\u5e76\u901a\u8fc7\u53cc\u5411\u6570\u636e\u7ed1\u5b9a\u8fde\u63a5\u89c6\u56fe\u548c\u6a21\u578b\u3002\u5b9e\u9645\u7684DOM\u64cd\u4f5c\u548c\u8f93\u51fa\u683c\u5f0f\u88ab\u62bd\u8c61\u51fa\u6765\u6210\u6307\u4ee4\u548c\u8fc7\u6ee4\u5668\uff0c\u76f8\u6bd4\u5176\u5b83\u7684MVVM\u6846\u67b6\uff0cVue\u66f4\u5bb9\u6613\u4e0a\u624b\u3002
\u7efc\u4e0a\u6240\u8ff0\uff0c\u5728\u5927\u578b\u8d85\u5927\u578bWeb\u5e94\u7528\u5f00\u53d1\u4e0a\u6bd4\u8f83\u770b\u597dAngular\uff0c\u4e2a\u6027\u5316\u9700\u6c42\u3001\u4e2d\u578b\u5e94\u7528\u66f4\u503e\u5411\u9009\u62e9React\uff0c\u5728\u5c0f\u578b\u5e94\u7528\u4e0a\u5219\u770b\u597dVue\u3002\u5f53\u7136\u4e0d\u540c\u4f01\u4e1a\u4f1a\u6709\u4e0d\u540c\u7684\u9700\u6c42\uff0c\u6240\u9009\u7528\u7684\u6846\u67b6\u4e5f\u4e0d\u4e00\u6837\uff0c\u4f46\u53ea\u8981\u4f60\u5177\u5907\u624e\u5b9e\u7684\u7406\u8bba\u57fa\u7840\uff0c\u5c31\u53ef\u4ee5\u5f88\u5feb\u4e0a\u624b\u8fd9\u4e9b\u6846\u67b6\u3002
Bootstrap 很火的一个框架，集合了HTML，CSS,JS,JQ
Html5框架在当下火热程度不减，越来越多的人都在学习从事html5开发。前端html5框架有哪些？小编推荐五款国内较火的HTML5前端开发框架，它们分别是腾讯团队开发的JX、淘宝团队开发的KISSY、百度团队开发的QWrap和Tangram，以及上海康尚实验室推出的Como。
1. JX（腾讯），腾讯团队打造的前端开发框架JX
JX 是一个类似 Google Closure Library 的 Web 前端开发框架，服役于 WebQQ 等大规模的 WebApp。
JX 是模块化的非侵入式Web前端框架，开发于2008年，并于2009年开源于GoogleCode ，于2012年切换到Github。 JX 框架同时适用于 Web Page 和 Web App 项目的开发，特别适合构建和组织大规模、工业级的Web App，腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发，兼容目前所有主流浏览器。
2. KISSY（淘宝）
KISSY是淘宝的前端类库，几乎在淘宝的每个页面上都能看到它的身影。
KISSY提供稳定的核心，包括 oo、dom、Event、Anim、Ajax 等；强大且易用的脚本加载器，特有的 loader；丰富的UI组件，包括 Switchable、Overlay、Draggable and Droppable 等。KISSY具备模块化、高扩展性、组件齐全等特性。
3. QWrap（百度）
QWrap是百度有啊前端团队推出的一个Javascript框架，支持IE6+、Firefox、Chrome、Safari、Opera等浏览器，在BSD协议下开源发布。
QWrap的特点如下：
1. 提供jQuery一样方便的dom功能，同时又打破jQuery“专注于dom”的约束，也提供非dom的许多功能。
2. 提供prototype方便的原型功能，同时又提供Javascript1.6的泛型功能，并且提供用户有选择方便与严谨的自由。
3. 提供YUI2一样的静态方法库，同时又用所谓的Helper规范来做到真正的绝对静态，让组件开发者可以发布出无依赖的组件。
4. 学习YUI3的use，同时又摈弃YUI3的严谨性洁癖，让use更实用。
5. QWrap独创特的Helper + Wrap + Retouch + Apps设计，让QWrap有更多的灵性等待你去发现。
4. Tangram（百度）
Tangram是一款实用的JavaScript基础库，通过它可以快速构建出高度互动的Web应用程序。Tangram具有全浏览器兼容，平滑升级体验以及自由定制输出较小尺寸的特点。
5. Como（康尚实验室）
Como JS，Como由上海康尚实验室开发，是一款简易而功能强大的JS框架，对String等原生对象进行了扩展，支持常用的CSS选择器，高效的动画播放，强大的，包扩展机制，支持类的继承等。
扩展阅读：www.sony.com.cn ... 免费的h5制作网站模板 ... mac蜜桃奶茶314 ... 澳洲和牛m12一般价格 ... html网页制作软件 ... html5播放器 ... html5 语言 内容 ... html5用什么软件编辑 ... 什么情况需要检查c5b-9 ...
