原创 flex 常見用法終極版
相信大家都體驗過 flex 佈局的強大。這裏是flex的常見的用法集合。 可能剛開始會不習慣這種複雜的命名，但是如果適應了，就會覺得很好用，指數級提高開發效率。 一般建議在項目全局引入。 下面分別列出了純css版本，還有sass版
2019-09-07 18:35:04
原创 如何形象的比喻大數據技術生態？
原文鏈接：https://www.zhihu.com/question/27974418/answer/38965760 這是一篇大數據相關的掃盲帖，大白話的講述方式，十分形象生動。
2019-08-28 19:15:01
原创 Chrome 自帶的隱藏福利
這是一個 Chrome 自帶的一個隱藏福利，如果受夠了 console 裏面敲代碼，費勁的換行和無法斷點調試的苦，看看這個。 這個東西叫做 snippets （代碼片段），可能大部分人都寫過屬於自己的代碼片段。我們看在 Chrom
2019-08-28 19:15:01
原创 tslint 檢查 vue 文件補丁腳本
在 vue 項目中使用 tslint 來做代碼檢查，但當執行 npx tslint -p tsconfig.json 時，發現 tslint 並不能對 vue 文件進行檢查。 受到 vue-cli3 中的啓發，發現 @vue/cl
2019-08-03 18:38:20
2
原创 爲你的項目添加 commitlint
爲了使項目提交message更加規範和便於維護。可以給項目添加 commitlint 規範。 添加校驗 1、安裝依賴 yarn add @commitlint/cli @commitlint/config-conventional
2019-08-03 18:38:20
原创 H5頁面動態文案使用藝術字體的解決方案
問題 H5 頁面的動態文案需要使用藝術字體，而通常情況下，字體包都是很大的，全部加載肯定是不行的。 那該怎麼辦呢？ 分析 對於普通的 H5 頁面需要使用藝術字體，我能想到的解決方案大致是以下幾種。 1、靜態文案： 直接用圖片 用
2019-06-14 03:43:55
原创 vue 組件中使用防抖函數
初級 1、先寫好防抖函數 /** * @desc 防抖函數 * @param {需要防抖的函數} func * @param {延遲時間} wait * @param {是否立即執行} immediate */ expo
2019-06-10 21:12:34
原创 不用打開界面，在命令行完成代碼部署（jenkins）
問題 有時候，在本地提交完代碼，接着需要將代碼部署到測試壞境。 一般部署過程都需要自己登錄到某個部署平臺，手動去觸發。（不包括有些可能直接push完代碼就自動觸發部署了）。 雖然這樣手動觸發操作很簡單，但每次都打開網頁，找項目，去
2019-06-10 21:12:34
原创 抽象思想的感悟
任何事物重複三次以上，並且在可預見的範圍內它還會繼續重複，那麼就有必要將其抽象。 任何複雜的問題都可以通過抽象，使其簡單化。 這裏的重複次數，根據不同行業、所處的環境不同，也會有不同標準。 同樣抽象也有不同的實現方式。 舉個例子，公司
2019-04-15 18:41:06
原创 如何匹配DOM中除a標籤包裹的"abc"字符串？
1、題目： 如何匹配DOM中除a標籤包裹的"abc"字符串？ 如： <div>cccabcddd</div> <a href="xxxx">sfabcop</a> <div> abc <a>abc</a> </div> 現在需要匹配
2019-03-22 18:46:15
原创 正則表達式查詢手冊
更多學習正則： https://www.jb51.net/tools/zhengze.html#escape 元字符 元字符，又叫字符集，就是用一些特殊符號表示特定種類的字符或位置。 匹配字符 . 匹配除換行符以外的任意字符 \w
2019-03-22 18:46:15
原创 JavaScript 是單線程非阻塞的
總所周知，JavaScript 是以單線程的方式運行的。說到線程就自然聯想到進程。那它們有什麼聯繫呢？ 進程和線程都是操作系統的概念。進程是應用程序的執行實例，每一個進程都是由私有的虛擬地址空間、代碼、數據和其它系統資源所組成；進程
2019-02-22 01:57:44
原创 JS設計模式——發佈/訂閱模式
發佈/訂閱模式和觀察者模式的區別 有人說發佈/訂閱模式就是觀察者模式，有人說發佈/訂閱模式是觀察者的變種。不管怎樣，必須承認他們之間是有區別的。 其中最主要的區別就是在發佈/訂閱模式中多了一層主題/事件通道。 回想在觀察者模式中，主題
2019-02-15 00:43:52
1
原创 JS設計模式——中介者模式
什麼是中介者模式？ 中介者模式（Mediator）是用來降低多個對象和類之間的通信複雜性。這種模式提供一箇中介類，該類通常處理不同類的通信，並支持鬆耦合，使代碼易於維護。中介者模式屬於行爲模式。 實現 var mediator =
2019-02-15 00:43:52