Modular full-page ajaxify framework - less
•
0 likes•484 views
A introduction to a modular full-page ajaxify framework
![传统网页的浏览体验 ,[object Object],个人首页 我的相册 留言板 个人资料 load unload load unload load unload load unload user session home.htm ~ common.css ~ home.css ~ framework.js ~ home.js ~ sprites.png … photos.htm ~ common.css ~photos.css ~ framework.js ~ photos.js ~ sprites.png … message.htm ~ common.css ~message.css ~ framework.js ~ message.js ~ sprites.png … profile.htm ~ common.css ~profile.css ~ framework.js ~ profile.js ~ sprites.png … 静态资源](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
More Related Content
Viewers also liked
Viewers also liked (17)
Similar to Modular full-page ajaxify framework - less
Similar to Modular full-page ajaxify framework - less (20)
Modular full-page ajaxify framework - less
- 1. Lessmodular full-page ajaxify framework 郑进添 isundefined@twitter.com
- 5. 页面上的公共元素重复加载、重复渲染. (eg. 页面框架、菜单、online chat……)
- 6. 优化的空间：
- 9. Less的交互示意图： ajax ajax ajax page frame 留言 首页 相册 load unload user session frame.htm ~ common.css ~ framework.js ~ home.js ~ sprites.png home-fragment.htm ~home.css ~ photos.js message-fragment.htm ~message.css ~ message.js Profile-fragment.htm ~message.css ~ profile.js 静态资源
- 11. 改善留言体验，提升整体响应速度。
- 12. 改善开发体验，提升开发效率
- 13. Less的做法：
- 14. 不改变浏览器的默认行为
- 16. 静态资源延迟加载
- 18. 异步加载器
- 19. 浏览记录管理器
- 20. 内存管理机制
- 22. 异步加载器 var ContentLoaderer = function(){ this.parseResponse = function(res){}; this. setProcressing = function(flag){}; this.asyncRequest = function(method, url, callback){}; var _getAsyncManager = function(){}; this. loadContent = function(){}; ...... };
- 30. 缓存机制
- 31. 整体设计的优化