webapp 框架完善得差不多了,基于zepto,iscroll,内有 demo 传送门

项目地址:

https://github.com/coolhihi/gxxwebframe

DEMO 网址:

http://demo.gxxsite.com/gxxwebframe/index.html


主要还是参考APP的特性,各种模拟,最大的难点是如何突破效率的瓶颈,尽量简化代码,尽量少使用半透明元素,本DEMO也只是阶段性的东西,在提高效率这条路上,还有很长的路要走。。。

制作心得:

  1. 保持弃 jquery 用 zepto,但有复制几个方法进行补充;
  2. 使用 iscroll5 实现滚动,手动补回 iscroll4 的 scrollMove 监听和 bounceLock 参数;
  3. 借助 iscroll5 实现下拉刷新和上拉加载更多的扩充;
  4. 学习豆瓣音乐人的 Router 和 json cache 思想,通过路由管理历史记录、页面切入位置;
  5. 通过著名的 jquery.tmpl.js 用单文档管理多模块,通过 location.hash 区分页面;
  6. 定义了中心菜单和底部菜单及操作方法,规范化弹出菜单的生成;
  7. 统一等待方式,中心 loading 图标+自定义文字;
  8. 摒弃 zepto 的 animate 扩展,使用 css3.0 完成所有动画;
若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏
打赏