㈠ react 页面缓存插件react-router-cache-route
此插件可以满足缓存上一页的功能,即:返回上一页的时候,上一页的滚动条、动作状态等等和离开这个页面时的状态保持一致。
搭配 react-router 工作的、带缓存功能的路由组件,类似于 Vue 中的 keep-alive 功能。
Route 中配置的组件在路径不匹配时会被卸载(render 方法中 return null),对应的真实节点也将从 dom 树中删除,利用Route暴露的children方法,让我们手动控制渲染。
注意:作者测试使用时版本为1.4.6
缓存语句不要写在 Switch 组件当中,因为 Switch组件会卸载掉所有非匹配状态下的路由,需使用 CacheSwitch 替代 Switch。
使用 when 属性决定何时使用缓存功能,可选值为 [forward, back, always] ,默认值为 forward。
使用 className 属性给包裹组件添加自定义样式。
也可以使用 behavior 属性来自定义缓存状态下组件的隐藏方式,工作方式是根据 CacheRoute 当前的缓存状态,返回一个作用于包裹组件的 props。
使用 CacheRoute 的组件将会得到一个名为 cacheLifecycles 的属性,里面包含两个额外生命周期的注入函数 didCache 和 didRecover,分别用在组件 被缓存 和 被恢复 时
github地址
㈡ 组件分享之前端组件——bootstrap-treeview 简单的tree树组件
近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
本次分享的组件是用于前端开发使用的tree树组件。
下面是其开源库中的描述内容:
需要的支持文件:
使用说明:
1、在页面中引用对应css和js文件
2、创建一个容器,作为生成的树存储位置
3、进行启动加载,具体data格式可以参考上面的开源库地址中的README。
虽然前端现在已经被vue、react等占据,但仍然有一些小伙伴们仍在使用一体化开发,jsp开发等,这类前端组件文章主要就用于这类场景下的快速使用,有需要的可以持续关注。
㈢ 作为一个前端开发,vscode有哪些值得安装的插件
WijmoJS 前端开发工具包由多款高效、灵活的纯前端控件组成,全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic框架,用于快速搭建企业级桌面/移动 Web 应用程序。WijmoJS 可灵活应对客户需求变化,缩短新项目研发周期,高效处理海量用户数据,提升产品核心竞争力。
借助葡萄城深厚的技术底蕴,WijmoJS 为各领域用户提供更稳定、更高效的前端开发工具,帮助中国招商银行、微软、思科、特斯拉、富士通等知名企业快速搭建其 Web 应用程序。WijmoJS 凭借先进的触控设计、全面的框架支持、顶级的控件性能、零依赖的产品特性和易用、轻松的操作体验,全面满足前端开发所需,已成为构建企业 Web 应用程序最高效的纯前端开发工具包。
与此同时,WijmoJS 的可视化设计器已正式推出,包含 VSCode 设计器和在线设计器。通过使用设计器,您可以在想要配置的控件中选择并浏览所有可用的内置选项,然后导出要在 WijmoJS 应用程序中使用的代码,或者通过设计器自动更新 HTML 源文件。