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