jEngineweb 前端应用框架
jEngine 是一个专门为性能优化的 Web 前端应用框架.
我们将一年多的前端优化实践思路融合在其中,实现了对性能优化友好的模块注册机制、BigRender优化模式、<script> 标签无阻塞加载等利用框架即可低成本实现优化的模式的支持。同时jEngine应用框架在模块化、前端异常监控方面也有着自己独特的实现,感兴趣的同学可 以研究下。
简单介绍下对性能友好的模块注册机制的实现:jEngine的模块管理引入了“懒注册”的机制,所有的页面模块被分为以下三种模块:
一个模块的是首屏加载还是延迟加载,和它本身的类实现没有关系,只和模块的注册方式有关系。
如果他出现在首屏,就使用正常的模块注册方式:AppCore.register(“sw_mod_sn”, Searchweb.Business.Category);
如果非首屏模块,需要页面滚动加载,或是鼠标事件触发加载,那么它的注册方式只需改成这样:
通过这种的方式,可以低成本的改变页面初始化过程中对页面各模块的加载方式,从而减少首屏加载的文件个数和JS执行时间。
最后这个阶段,我们不仅形成了对性能友好的前端应用框架jEngine,还完全重写了搜索各业务模块代码,完成了从YUI到jQuery基础框架的升级,最终把页面加载时间长期稳定在4秒左右。
评论
Tushan后台管理应用前端框架
Tushan 是一个自由度极高的,基于React的,开箱即用的后台管理应用前端框架。作为开发者,你可以像是调用库一样快速创建一个可用的后台管理框架一个简单的Tushan 应用大概会长成以下样子:imp
Tushan后台管理应用前端框架
0
Agile LiteHTML5移动应用前端开发框架
AgileLite是一个基于HTML5+CSS3+JS的移动应用开发框架,同时支持单页和多页模式,并提供无关UI和可扩展的框架结构Agile移动应用前端框架既解决了前端UI层的显示,耦合了高性能的UI
Agile LiteHTML5移动应用前端开发框架
0
Magix单页应用前端 MVC 框架
Magix是用于构建大型富交互单页应用的前端MVC框架。它提供了基于树状结构的视图系统,页面初始渲染以及URL变动都将从根View开始逐层进行,这使得局部变化井然有序;同时遵循Magix的开发约定可以
Magix单页应用前端 MVC 框架
0
Agile LiteHTML5移动应用前端开发框架
Agile Lite 是一个基于 HTML5+CSS3+JS 的移动应用开发框架,同时支持单页和多页
Agile LiteHTML5移动应用前端开发框架
0