分享

【收藏】应用HTML5搭建街旁新版混合式iOS客户端

 quasiceo 2014-04-11

 

1. 街旁5的hybrid开发模型中使用的工具方案

其中的Less CSS 是一个使用广泛的 CSS 预处理器,通过简单的语法和变量对 CSS 进行扩展,可减少很多 CSS 的代码量。

LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可一在服务端运行 (借助 Node.js).

 

2. 使用MVC框架Backbone.js来架构app,MVC=Model模型(HTML结构)+View视图(CSS样式)+Controller控制(JS逻辑)

某效果,未使用时的实现方式

 

使用后的实现方式

 

使用Backbone的注意事项

 

3. 如何使用js调用原生oc的控件

 

4. history全部移交给原生来管理,还可以实现view切换的动画

 

5. 无限滚动列表最占资源,尤其是加载大图片时,所以要判断是否在显示区,如果不在,就换成小图

 

6. 在等待数据传回的时候,先加载一个静态页,等api返回了数据,再替换成动态页,不要让用户看着白屏幕等待

 

7. LocalStorage的缺点,配合使用Cache

 

8. 使用translate3d(0,0,0)启动硬件加速

 

9. 经典小贴士

 

10. 调试工具


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多