angular-web-cached-view Angular缓存视图组件

缓存视图的渲染体验,在 Angular 里也能搞得挺舒服。

angular-web-cached-view的缓存视图渲染方式,挺适合你在做一些页面切换频繁的后台系统或者列表详情页这种场景。以前切换回来要重新加载组件、打接口、刷 UI,挺烦。用了这个,页面状态能保住,响应也快,看着更顺。

用法上不复杂,配合@angularclass/web-cached-view装一下,配上webpack打包就能跑。嗯,命令也挺清爽:npm install --save @angularclass/web-cached-view,项目里按模块引就行。

测试这块,它还集成了Mocha跑测试,搭配KarmaWebpack,一套搞下来还挺顺溜。想搭配自己用的TypeScript也没问题,社区里配好的脚手架一搜一大把,懒得配的也能直接改来用。

另外,缓存策略配合webpack的代码分割机制,能把性能再推一把。你要是对缓存细节有点执念,推荐你也看看Webpack 代码优化:独立打包与缓存策略这篇文章,讲得还挺透。

如果你正搞 Angular 项目,页面有来回切换的需求,想保留状态、提速体验,那这个库你可以试试,搭配上你熟悉的webpack和测试工具用,蛮省心的。

zip
angular-web-cached-view-master.zip 预估大小:16个文件
folder
angular-web-cached-view-master 文件夹
file
test-shim.js 1KB
file
package.json 2KB
file
tslint.json 1KB
file
custom.d.ts 19B
file
mocha.opts 105B
file
webpack.testing.js 1024B
folder
src 文件夹
file
test.spec.ts 7KB
file
angular-web-cached-view.module.ts 438B
file
angular-web-cached-view.service.ts 2KB
file
index.ts 98B
file
tsconfig.json 545B
file
.gitignore 87B
file
webpack.config.js 1KB
file
tsconfig.esm.json 346B
file
README.md 964B
file
yarn.lock 106KB
zip 文件大小:38.86KB