在zabbix的使用中，不知大家是否有遇到過這種場景——當我們要給別人看圖表數(shù)據(jù)時會覺得不方便娜膘，因為zabbix的圖表類型不夠豐富骨田，且同時只能展示一項數(shù)據(jù)（雖然可以創(chuàng)建聚合圖...
發(fā)簡信
IP屬地：上海
-
利用Grafana為zabbix做dashboard -
第 018 期 鏈表在前端的應用
數(shù)組是常用的數(shù)據(jù)結構猫胁。數(shù)組順序是由下標決定的维咸，因此訪問數(shù)組的元素速度很快。但是狐肢，往數(shù)組添加或刪除元素時添吗，需要把數(shù)組中的其他元素向前或向后移動，速度比較慢处坪。 在元素很多根资，經(jīng)常要...
-
第 017 期 8 個實用的 Lodash 方法介紹
Lodash 提供了很多很多的工具方法架专。本文介紹其中 8 個實用的方法。 1 對象的深度拷貝 對象的深度克隆是很困難的玄帕。 JSON.parse(JSON.stringify(...
-
第 016 期 前后端經(jīng)常爭吵部脚？ - BFF 了解一下
在開發(fā)中，前端希望根據(jù) UI 來劃分接口裤纹，這樣用戶體驗好委刘，前端實現(xiàn)也容易。后端希望根據(jù)業(yè)務模塊劃分接口鹰椒，這樣有利于服務下沉和解耦锡移。前端和后端間可能會有的對話: 后端: 你多調(diào)...
-
第 015 期 優(yōu)化令人生畏的條件語句的 4 個技巧
嵌套太深，分支太多的條件語句令人生畏漆际，難以維護淆珊。本文介紹減少嵌套深度和條件分支數(shù)量的一些技巧。 優(yōu)化技巧 技巧1：盡早返回無效條件 優(yōu)化為: 技巧2：直接執(zhí)行對象上的方法替代...
-
第 014 期 用適配器模式來降低耦合
耦合指模塊與模塊之間關聯(lián)的程度奸汇。兩個模塊的關聯(lián)性強施符，稱為高耦合，反之稱為低耦合擂找。 強耦合的代碼是脆弱的戳吝，不容易復用的。改一處代碼贯涎，可能導致不得不改一堆與之耦合的代碼听哭。因此，降...
-
第 013 期 優(yōu)化移動端輸入框占位符的交互體驗 - CSS :placeholder-shown在移動端塘雳，如果標簽和輸入框在一行中顯示陆盘，顯示的有點窄。 如果標簽和輸入框各占一行顯示粉捻，又浪費空間礁遣。有沒有兩全其美的方案呢？ Material Design[https://m...
-
第 012 期 易學易用的模板代碼生成神器 - Plop
我們在做新的頁面或組件時杏头，會做很多重復的初始化的工作盈包。如創(chuàng)建類似的文件: 組件文件，樣式文件等醇王。文件中寫類似的初始化代碼: 引入樣式呢燥，定義組件，導出組件等寓娩。 Plop 能幫你...
-
第 011 期 用 Tailwind CSS 來快速寫樣式
Tailwind CSS 是最有名叛氨，最強大的 CSS 工具類框架呼渣。 工具類 CSS 是把常用的樣式封裝成類。如: 用工具類 CSS 寫樣式很快寞埠。原因： 專注于 HTML屁置，不需...
-
第 010 期 如何更有效的使用 google？對開發(fā)者來說仁连，google 是個不可或缺的工具蓝角，那么如何更有效的使用 google 呢？這里有幾個小 tip饭冬，可以更有效的過濾搜索結果： 雙引號操作符 進行精確匹配的搜索 A...
-
第 009 期 點擊 UI 跳轉到編輯器中對應的組件源碼的工具 - React Dev Inspector
在成百上千個組件的大型項目中使鹅，找頁面上的 UI 對應的組件源碼很花時間。對于新加入項目的同學來說昌抠，找源碼就更花時間了患朱。 如何快速找到源碼呢？寫文檔炊苫，詳細的記錄各業(yè)務模塊的組件...
-
第 008 期 用 Composition API 重構 Mixins 代碼
在 Vue 中麦乞，Mixins 可以包含任意組件的選項。這使得用 Mixins 能很方便的抽象多個組件間的公共部分劝评，但也會帶來一些問題: 命名沖突導致的運行結果的不確定性姐直。組件...
-
第 007 期 裝得快，省空間的包管理神器 - pnpm
現(xiàn)代前端項目往往依賴很多第三方包蒋畜。如果能大幅提升裝包速度和減少包占的空間声畏，是極好的。 解決方案 pnpm 是類似 npm / Yarn 的包管理器姻成。特點: 裝包速度快插龄。比 n...
-
第 006 期 React 運行時性能優(yōu)化之減少渲染組件的次數(shù)
減少組件的渲染次數(shù)，能提升 React App 的運行時性能科展。通過寫法的優(yōu)化均牢，可以減少不必要的組件渲染次數(shù)。 優(yōu)化寫法 1. 組件 Render 時才睹，避免 state徘跪， pr...
-
第 005 期 Vue 運行時性能優(yōu)化之減少渲染組件的次數(shù)
減少組件的渲染次數(shù)，能提升 Vue App 的運行時性能琅攘。通過寫法的優(yōu)化垮庐，可以減少不必要的組件渲染次數(shù)。 優(yōu)化寫法 1. 緩存動態(tài)組件 開發(fā)中坞琴，我們會碰到用動態(tài)組件的情況哨查。如...
