《移动端微博读书浅尝教学教材》由会员分享，可在线阅读，更多相关《移动端微博读书浅尝教学教材（16页珍藏版）》请在金锄头文库上搜索。
1、移动端微博读书浅尝Stillwatersrundeep.流静水深流静水深,人静心深人静心深Wherethereislife,thereishope。有生命必有希望。有生命必有希望项目背景u微博读书无阅读页u尝试基于HTML5做移动端web项目产品方案项目技术方案Mysqlweibo OpenAPIsae storagePHPWebsqllocalstorageSencha touch 2.2javascriptCSS3HTML5manifestMemcache遇到.4 4个苦逼。个苦逼。3 3个周。个周。n n个功能。个功能。不会不会PHPPHP，学！，学！干不完，加班！干不完，加班！太复杂，
2、砍！太复杂，砍！一期总结base64图片读取问题。CSS3造成页面崩溃。CPU占用高造成假死甚至崩溃内存回收websql限制问题移动端手势支持不够NBSencha Touch框架。响应式布局Manifest缓存。webSql2BNB核心问题OLD全书加载，按P划段CSS3自动分栏全书内容密集for循环计算算当前页算总页数跳转到某页转屏resizeNEW页面只渲染当前页前一页后一页按P划段，固定字高、行宽高得到行数PHP分章分页、全书分页分页算法 新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微
3、博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博 新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪。style=overflow:hidden 新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博 新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博style=overflow:hidden 新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪
4、微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博新浪微博2S!效果对比版本版本设备设备数据未渲染到页数据未渲染到页面计算分页面计算分页数据放到页数据放到页面面div里计里计算分页算分页iOS6.1iPhonoe46.418s6.436iOS7iPhone57.449s12.808siOS6.13iPad mini10.307s11.393sflyme 2.1.3魅族MX8.753s32.430sMIUIV5小米211.973s33.606sPHP计算超大9MB书籍
5、分页473KB哈利波特与魔法石结论：结论：PHP负责全书分页加速打开速度、负责全书分页加速打开速度、JS负责当前章分页负责当前章分页离线静态资源Manifest数据库WebSql手势touchStarttouchMovetouchEnd性能提升减少HTTP请求GZIP压缩用transition代替scroll用requestAnimationFrame代替传统的move事件实现回收Event、Component等对象js动态加载移动浏览器是？警惕所有产生页面渲染的操作浅尝但不辄止u图文混排u功能完善批注系统分章目录图书分组图书管理后台u丰富手势交互感谢chibin58李习君BigHead超高校級的_蓝调君轻松加简单Q&A
