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

http://www.infoq.com/cn/presentations/hybrid-html5-ios-client

native+html5+css3的优劣势和发展，

还有很多大公司的实际案例，

视频还配合了ppt，重要的只能截图了。

 

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. 调试工具