手机端前端框架(最接近ios设计风格的移动端页面前端框架-mui)
本文目录
最接近ios设计风格的移动端页面前端框架-mui
很早的时候看朋友编写一个app前端页面的时候就接触到mui了。然后在最近的一次项目页面开发中正式体验了一番这款框架。 《u style="box-sizing: border-box;"》先来个预览看看《/u》 ***隐藏网址*** 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K。 鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件。 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况); mui通过双webview解决这个DIV的拖动流畅度问题;拖动时,拖动的不是div,而是一个完整的webview(子webview),回弹动画使用原生动画。 《u style="box-sizing: border-box;"》查看详细介绍《/u》 mui提供了两种侧滑导航实现:webview模式和div模式,两种模式各有优劣,适用于不同的场景。每种侧滑实现模式,有不同的侧滑动画效果,主要分为四类: 《u style="box-sizing: border-box;"》查看详细介绍《/u》 在手机应用中(特别是iOS平台),很多操作菜单都是滑动触发的,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为"已读/未读"状态; mui的列表控件也支持滑动触发操作菜单功能,仅需按照特定格式拼装DOM结构即可;另外,滑动还支持事件触发,开发者可以通过监听滑动事件(slideleft/slideright),完成操作前的确认提醒工作。
app主流前端框架有哪些
如果是纯移动端的话,zepto加frozenui加seajs挺好的。感觉bootstrap的响应式不适合纯移动端开发,因为太重了,对移动端载入速度影响很大,纯移动端还是小快灵比较好。如果是做H5那种活动页,推荐用motion.js,挺好用的,效果赞赞的。PC端的话,jq+bootstrap是个挺好的组合,或者用backbone也是挺普遍的,但是如果是开发企业管理系统那种的web页面可以考虑extjs,现在改名叫sencha了,组件多。相反,个人感觉react就不是很适合用来开发企业管理系统。react现在很火,发展也很快,可以先学习学习,不过react只是View这一层,是个库,并不是一个完整的框架。而Angular可以说是个大而全的框架,但是载入速度相对比较慢,还有就是Angular 2.0和1.0有很大不同,几乎是个推翻重做的感觉,所以现在如果用1.x的话,感觉会比较尴尬。另外,模块化的话,用seajs的也挺多。还有就是可以多关注一下打包工具,grunt,gulp和百度开发的FIS。
更多文章:
虚拟光驱怎么使用(虚拟光驱怎么用虚拟光驱安装和使用教程图文详解)
2024年8月19日 05:45
没root可以玩3D猫吗可以的话给个下载 谢谢?怎么下载不了会说话的3D猫怎样下载呢
2024年5月10日 21:54
qq smtp(QQ邮箱无法发送邮件:SMTP. 用户名或密码错误)
2024年5月17日 23:30
智能语音机器人(AI语音机器人的出现为电销行业带来了哪些优势)
2024年7月14日 06:24