用apicloud开发的优化策略总结：
|
类别
|
|
优化点
|
说明
|
|
HTML
|
1
|
用div代替a
|
省去默认效果
|
|
|
2
|
使用HTML5语义化标签
|
如<nav></nav> <section></section>可以包header和footer
|
| 窗口结构 |
1
|
Window+Frame结构布局
|
Frame的高度用margin布局
|
|
|
2
|
按需求优先使用FrameGroup
|
Window和Frame是原生的，效率很高
|
|
页面加速
|
1
|
HTML,CSS,Javascript写在同一页面中，尽量少定义lnk和script标签
|
让浏览器引擎尽可能地一次读写（IO）加载完所有代码
|
|
不用重型框架
|
1
|
不用jq和bootstrap
|
降低加载速度，在移动端存在兼容问题
|
|
交互响应
|
1
|
使用tapmode和api.parseTabmode处理click事件
|
可加快300ms，这个分别要在HTML和JS代码中主动处理
|
|
|
2
|
扩大点击区域设计和交互效果
|
让用户知道更容易点和知道自己点了
|
|
编码规范
|
1
|
任何文件名避免中文和大写英文
|
可能造成编译失败或未知错误
|