angular-web-cached-view Angular缓存视图组件
缓存视图的渲染体验,在 Angular 里也能搞得挺舒服。
angular-web-cached-view的缓存视图渲染方式,挺适合你在做一些页面切换频繁的后台系统或者列表详情页这种场景。以前切换回来要重新加载组件、打接口、刷 UI,挺烦。用了这个,页面状态能保住,响应也快,看着更顺。
用法上不复杂,配合@angularclass/web-cached-view
装一下,配上webpack
打包就能跑。嗯,命令也挺清爽:npm install --save @angularclass/web-cached-view
,项目里按模块引就行。
测试这块,它还集成了Mocha
跑测试,搭配Karma
和Webpack
,一套搞下来还挺顺溜。想搭配自己用的TypeScript
也没问题,社区里配好的脚手架一搜一大把,懒得配的也能直接改来用。
另外,缓存策略配合webpack
的代码分割机制,能把性能再推一把。你要是对缓存细节有点执念,推荐你也看看Webpack 代码优化:独立打包与缓存策略这篇文章,讲得还挺透。
如果你正搞 Angular 项目,页面有来回切换的需求,想保留状态、提速体验,那这个库你可以试试,搭配上你熟悉的webpack
和测试工具用,蛮省心的。
angular-web-cached-view-master.zip
预估大小:16个文件
angular-web-cached-view-master
文件夹
test-shim.js
1KB
package.json
2KB
tslint.json
1KB
custom.d.ts
19B
mocha.opts
105B
webpack.testing.js
1024B
src
文件夹
test.spec.ts
7KB
angular-web-cached-view.module.ts
438B
38.86KB
文件大小:
评论区