sui-mobile

一、工具 前端工具库： http://www.w3cfuns.com/tools.php DCloud - HBuilder : http://www.dcloud.io Webstorm： http://www.jetbrains.com/webstorm/ easyicon图标： http://www.easyicon.net/ 阿里巴巴矢量图标库： http://www.iconfont.cn/ 二、框架 MUI-最接近原生APP体验的高性能前端框架： 网址： http://dev.dcloud.net.cn/mui/ ZUI ( 一个基于Bootstrap深度定制开源前端实践方案，帮助你快速构现代跨屏应用)： 官网： http://zui.sexy/ **H-ui 前端框架 （适合中国网站）： ** 官网： http://www.h-ui.net/index.shtml oschina： http://www.oschina.net/p/h-ui/similar_projects?lang=0&sort=time&p=1 amazeui （中国首个跨Html 5 前端框架）： 官网： http://amazeui.org/?_ver=2.x Bootstrap （是最受欢迎的HTML、CSS和JS kaungjia , 用于开发响应时布局，移动设备有限的WEB项目）： 官网

作为一个前端人员来说，总结几款相对来说不错的用于移动端开发的UI框架是非常必要的，以下几种移动端UI框架就能基本满足工作中开发需要，根据项目需求，选用合适的框架搭建项目，更能容易提高开发效率。 一、MUI 最接近原生APP体验的高性能前端框架，追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征 MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K，鉴于之前的很多前端框架（特别是响应式布局的框架），UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是我们的重要目标，MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件 官方链接： http://dev.dcloud.net.cn/mui/ 二、Frozen UI 由腾讯团队开发，适用于使用手Q规范设计的Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题。可以按需选择需要的组件，也可以采用cdn和combo的方式按需加载。使用iconfont展示图标，包含了按钮，列表，表单，提示，弹窗等常用组件，新增文本，布局，1px， rem，文字截断，占位，两端留白，两端对齐等解决方案，同时解决了 移动端屏幕适配 问题。CSS使用模块化的样式命名和组织规范，使用sass编写css代码。 官方链接： http://frozenui.github.io/ 三、Amaze

sui-mobile 是阿里巴巴国际UED前端团队出品的移动端 UI库，SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入他们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。 官网： http://m.sui.taobao.org/ github: https://github.com/sdc-alibaba/SUI-Mobile zepto Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 移动版的jquery...和jquery用法几乎一样...主要是因为sui-mobile基于这个 vue.js 数据驱动的组件，为现代化的 Web 界面而生 官网： http://cn.vuejs.org/ 来个例子： html： <!-- 这是我们的 View --> <div id="example-1"> Hello {{ name }}! </div> js: // 这是我们的 Model var exampleData = { name: 'Vue.js' } // 创建一个 Vue 实例或 "ViewModel" // 它连接 View 与 Model var