在zabbix的使用中，不知大家是否有遇到過這種場景——當(dāng)我們要給別人看圖表數(shù)據(jù)時(shí)會覺得不方便，因?yàn)閦abbix的圖表類型不夠豐富，且同時(shí)只能展示一項(xiàng)數(shù)據(jù)（雖然可以創(chuàng)建聚合圖...
發(fā)簡信
IP屬地：上海
-
利用Grafana為zabbix做dashboard -
第 018 期 鏈表在前端的應(yīng)用
數(shù)組是常用的數(shù)據(jù)結(jié)構(gòu)。數(shù)組順序是由下標(biāo)決定的，因此訪問數(shù)組的元素速度很快。但是，往數(shù)組添加或刪除元素時(shí)，需要把數(shù)組中的其他元素向前或向后移動，速度比較慢。 在元素很多，經(jīng)常要...
-
第 017 期 8 個(gè)實(shí)用的 Lodash 方法介紹
Lodash 提供了很多很多的工具方法。本文介紹其中 8 個(gè)實(shí)用的方法。 1 對象的深度拷貝 對象的深度克隆是很困難的。 JSON.parse(JSON.stringify(...
-
第 016 期 前后端經(jīng)常爭吵？ - BFF 了解一下
在開發(fā)中，前端希望根據(jù) UI 來劃分接口，這樣用戶體驗(yàn)好，前端實(shí)現(xiàn)也容易。后端希望根據(jù)業(yè)務(wù)模塊劃分接口，這樣有利于服務(wù)下沉和解耦。前端和后端間可能會有的對話: 后端: 你多調(diào)...
-
第 015 期 優(yōu)化令人生畏的條件語句的 4 個(gè)技巧
嵌套太深，分支太多的條件語句令人生畏，難以維護(hù)。本文介紹減少嵌套深度和條件分支數(shù)量的一些技巧。 優(yōu)化技巧 技巧1：盡早返回?zé)o效條件 優(yōu)化為: 技巧2：直接執(zhí)行對象上的方法替代...
-
第 014 期 用適配器模式來降低耦合
耦合指模塊與模塊之間關(guān)聯(lián)的程度。兩個(gè)模塊的關(guān)聯(lián)性強(qiáng)，稱為高耦合，反之稱為低耦合。 強(qiáng)耦合的代碼是脆弱的，不容易復(fù)用的。改一處代碼，可能導(dǎo)致不得不改一堆與之耦合的代碼。因此，降...
-
第 013 期 優(yōu)化移動端輸入框占位符的交互體驗(yàn) - CSS :placeholder-shown在移動端，如果標(biāo)簽和輸入框在一行中顯示，顯示的有點(diǎn)窄。 如果標(biāo)簽和輸入框各占一行顯示，又浪費(fèi)空間。有沒有兩全其美的方案呢？ Material Design[https://m...
-
第 012 期 易學(xué)易用的模板代碼生成神器 - Plop
我們在做新的頁面或組件時(shí)，會做很多重復(fù)的初始化的工作。如創(chuàng)建類似的文件: 組件文件，樣式文件等。文件中寫類似的初始化代碼: 引入樣式，定義組件，導(dǎo)出組件等。 Plop 能幫你...
-
第 011 期 用 Tailwind CSS 來快速寫樣式
Tailwind CSS 是最有名，最強(qiáng)大的 CSS 工具類框架。 工具類 CSS 是把常用的樣式封裝成類。如: 用工具類 CSS 寫樣式很快。原因： 專注于 HTML，不需...
-
第 010 期 如何更有效的使用 google？對開發(fā)者來說，google 是個(gè)不可或缺的工具，那么如何更有效的使用 google 呢？這里有幾個(gè)小 tip，可以更有效的過濾搜索結(jié)果： 雙引號操作符 進(jìn)行精確匹配的搜索 A...
-
第 009 期 點(diǎn)擊 UI 跳轉(zhuǎn)到編輯器中對應(yīng)的組件源碼的工具 - React Dev Inspector
在成百上千個(gè)組件的大型項(xiàng)目中，找頁面上的 UI 對應(yīng)的組件源碼很花時(shí)間。對于新加入項(xiàng)目的同學(xué)來說，找源碼就更花時(shí)間了。 如何快速找到源碼呢？寫文檔，詳細(xì)的記錄各業(yè)務(wù)模塊的組件...
-
第 008 期 用 Composition API 重構(gòu) Mixins 代碼
在 Vue 中，Mixins 可以包含任意組件的選項(xiàng)。這使得用 Mixins 能很方便的抽象多個(gè)組件間的公共部分，但也會帶來一些問題: 命名沖突導(dǎo)致的運(yùn)行結(jié)果的不確定性。組件...
-
第 007 期 裝得快，省空間的包管理神器 - pnpm
現(xiàn)代前端項(xiàng)目往往依賴很多第三方包。如果能大幅提升裝包速度和減少包占的空間，是極好的。 解決方案 pnpm 是類似 npm / Yarn 的包管理器。特點(diǎn): 裝包速度快。比 n...
-
第 006 期 React 運(yùn)行時(shí)性能優(yōu)化之減少渲染組件的次數(shù)
減少組件的渲染次數(shù)，能提升 React App 的運(yùn)行時(shí)性能。通過寫法的優(yōu)化，可以減少不必要的組件渲染次數(shù)。 優(yōu)化寫法 1. 組件 Render 時(shí)，避免 state， pr...
-
第 005 期 Vue 運(yùn)行時(shí)性能優(yōu)化之減少渲染組件的次數(shù)
減少組件的渲染次數(shù)，能提升 Vue App 的運(yùn)行時(shí)性能。通過寫法的優(yōu)化，可以減少不必要的組件渲染次數(shù)。 優(yōu)化寫法 1. 緩存動態(tài)組件 開發(fā)中，我們會碰到用動態(tài)組件的情況。如...
-
博客地址發(fā)出來看看~
無標(biāo)題文章
# 大家好 也不是第一次寫博客了，但此刻的心情依然很是激動，因?yàn)檫@是自己搭建的第一個(gè)博客，并且掛了自己的域名。作為一名程序員，用別人的源碼搭建自己的博客系統(tǒng)，雖然有些慚愧，但...
