㈠ 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 源文件。
