Skip to content

sexdevil/gulp-her-webapp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#gulp-her-webapp:基于gulp编译工具和BigPipe运行时的一套前端集成解决方案。

编译工具:Her定义了一套开发规范,通过编写gulp-her插件实现了一套完整的自动化构建平台。

运行时:Her包含后端smarty和前端框架,利用Bigppipe的思想,对页面进行细粒度分块,收集区块的dom、js、css等资源; 后端controller控制按需输出,前端Bigpipe框架按需渲染,配合Bigrender的实现,最大限度的优化前端性能。

##核心参考## BigPipe: Pipelining web pages for high performance

##核心功能## ###1.页面分块Pagelet### pagelet将页面的dom,以及dom依赖的css、js分块收集,使用controller控制按需输出,实现了类bigpipe的分块输出,前端BigPipe模块可以实现异步渲染,优化渲染速度和性能。

###2.延迟渲染BigRender### 页面加载的时候只渲染首屏内容,用户滚动页面的时候再渲染可见区域。可以有效提高首屏速度。

###3.局部刷新Quickling### 对于需要局部刷新的模块,可以通过BigPipe.fetch()实现。对于开发者几乎是0成本。

WIKI

https://github.com/ustbhuangyi/gulp-her-webapp/wiki

##适用场景## her适用于采用Smarty作为后端模板的PC和Mobile站点。

##安装使用##

About

基于gulp编译工具和smarty plugin开发的一套前端集成解决方案

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • PHP 88.5%
  • JavaScript 9.0%
  • Smarty 2.1%
  • CSS 0.4%