下载APP 随时随地学编程
返回 首页

让web app更快的HTML5最佳实践

开始阅读
目录
简介
Tip 1: 使用web storage代替cookie
参考资料
Tip 2: 使用CSS Transition代替JavaScript动画
Tip 3: 使用客户端数据库代替服务器请求
Tip 4: 使用JavaScript原生API
Tip 5: 不仅仅为离线app使用cache manifest
Tip 6: enable硬件加速来增强视觉体验
Tip 7: 使用web worker执行需要大量CPU资源的操作
Tip 8: HTML5 表单属性和input类型
Tip 9: 使用CSS3减少图片的使用
Tip 10: 使用WebSocket代替XHR提供更快交互和更少的带宽

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }