前端技术-框架
计算机知识思维导图:前端技术-框架。网页展示前三层结构,可在线查看完整脑图并下载 GoMind 文件。
2026-08-25
## 前端技术-框架 ### 前端技术-框架 #### 工具框架(&UI) ##### 重量级 ##### 轻量级 #### Hybrid APP开发框架 ##### ionic ##### AppCan ##### jquery mobile ##### mui ##### Intel XDK ##### Native.js #### JavaScript MVC 框架 ##### angularjs -google ##### ReactJS -facebook ##### Mithril – 构建杰出 Web 应用的 JS MVC 框架 #### js模板框架 ##### template.js ##### Beetl ##### AngularJS 含有模板能力 > 仅展示前三层结构;请在线查看完整脑图或下载 GoMind 文件。
前端技术-框架
前端技术-框架
dom操作的库
jquery是一个javascript的类库,封装了一些方法,可以减少编写js代码的工作量
jquery
Bootstrap 的 JavaScript 插件需要引入 jQuery / 仅使用CSS样式可不需要
bootstrap和jquery mobile都是基于jquery编写
并不是针对移动web
Twitter Bootstrap 3.0 正式发布,更好地支持移动端开发
Bootstrap很好的解决了适应性布局的问题
Bootstrap并没有提供更多的移动平台的组件
移动端适配
Bootstrap
使用前提需要导入基础jquery.js
jqueryMoblie是在jquery的基础上,构建的一系列适合移动设备展现的,主要面向UI的一个框架
缺点就是太多用不到的代码,体积大,效率地下
APP开发时,最好使用JM,他的UI更接近原生UI
页面导航机制使它更像APP,而不是跳转到一个网页
移动端UI组件
jquery mobile
jQuery Mobile:http://jquerymobile.com/ jquery是一个javascript的类库,封装了一些方法,可以减少编写js代码的工作量。 jqueryMoblie是在jquery的基础上,构建的一系列适合移动设备展现的,主要面向UI的一个框架 可以说jquerymobile是在jquery基础上对移动设备支持的扩展。
文件非常庞大
UI库真的非常全面
kendoui
重量级
不包含UI
jqmobi的性能比jQuery高10来倍
如果你是自己写ui的话 可以拿jqmobi来替换jQuery.js
jQ.Mobi
jQ.Mobi:http://www.jqmobi.com/ jqmobi是专门针对移动端产生的HTML5移动端框架,但是不包含UI,需要web app那套要单独下载 特点是很小压缩了只有几K大 jQuery mobile也是正对移动端开发的框架 他包含了UI一套。但是除开要加载jQuery以外还要加载他的移动框架JS。代码量很大。。。但是入门容易 简单好学。缺点就是太多用不到的代码,体积大,效率地下 而jqmobi的性能比jQuery高10来倍。。如果你是自己写ui的话 可以拿jqmobi来替换jQuery.js
ZUI
jQuery相似的语法
非常的小
压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小
不兼容IE
zepto
Amaze UI
基于zepto的mobile UI组件库
GMU组件
jQTouch
app framework
Jingle UI
Dsure
轻量级
工具框架(&UI)
手机网页或微网站的开发用什么框架好?jquerymobile?zepto?jqmobi?jQTouch?哪个体验最佳? http://www.zhihu.com/question/22438122/answer/29934188
ionic
AppCan
jquery mobile
HBilder团队
mui
http://dcloudio.github.io/mui/ http://dev.dcloud.net.cn/mui/ https://github.com/dcloudio/mui
Intel XDK
Native.js
Hybrid APP开发框架
使用了自定义的代码模板,且静态解析,无需web容器
angularjs -google
ReactJS -facebook
与前面提及的框架不同,出于灵活性考虑,React使用JavaScript来构建用户界面,没有选择HTML
Mithril – 构建杰出 Web 应用的 JS MVC 框架
JavaScript MVC 框架
template.js
Beetl
AngularJS 含有模板能力
js模板框架