原创 VSCode插件Path Autocomplete小技巧

曾經介紹過Path Autocomplete是一款非常不錯的VSCode插件。當然出了最基本的路徑補全提示，還有些高級技巧和使用中可能遇到的小問題，在此和大家分享下。 映射目錄 當你項目中的Webpack使用了resolve.alias，w

2019-10-17 16:05:25 51

原创 高效前端開發 - Visual Studio Code

本文是根據我在公司演講（2019年8月）的高效開發主題PPT重新總結髮布的一篇文章。有興趣瞭解PPT的可以前往百度網盤下載：高效開發 - VSCode.pptx，提取碼: yfkb。 Visual Studio Code（後面簡稱VSCod

2019-10-10 17:35:27 4

原创 Chrome插件谷歌翻譯失效問題解決

很早就用了谷歌翻譯的插件，我覺得很方便。 直到今年大概年初就掛了，可以肯定的是谷歌官方的服務掛掉了，也一直不恢復差不多可能有半年了。直到最近，又去市場看了一眼發現刷刷的1星突然有幾個4星、5星評價了，莫非恢復了？ 趕緊再次裝上插件一看，哦嘿

2019-09-29 10:35:26 9

原创 Webpack動態導入功能有BUG？部分資源竟沒加載，來看看什麼是webpackJsonp？

本文基於Webpack4，如果你遇到類似問題，又懶得看全文，請直接拖到文章底部查看解決和總結部分 事件描述 我做了個小工具（站點訪問點擊熱力圖查看工具），這個小工具通過Webpack進行打包，工具中用到了Webpack的動態導入（Dynam

2019-09-04 16:55:07 3

原创 npm的scripts在Windows下無法並行或串行執行多命令的解決

我用MacOS開發，這個npm的scripts是可以很好的執行並行或者串行的腳本的，比如我們來看下我這個在MacOS下的正常執行的scripts代碼段： "scripts": { "dev": "webpack --watch

2019-07-15 17:45:15 9

原创 mongodb的model名稱細節

最近研究api設計，順便研究了下mongodb，教程沒有仔細看過，所以使用過程中也遇到了一些詭異的現象。 比如我使用中發現，我創建的模型名稱，在對應數據庫的collections內的名稱不一致。我很納悶，比如我創建的如下： const Pe

2019-05-22 16:55:09

原创 安卓手機微信7.0.4調試小程序抓包https請求失敗的問題和解決

注意：閱讀本文需要一臺已經root的安卓手機！ 說明 系統：MacOS 10.13.6手機：小米6（已root）抓包工具：Charles微信版本：7.0.4 現象 安卓手機無法通過Charles代理抓包https請求，我前天（2019年04

2019-04-18 14:54:59 15

原创 通過安卓手機獲取微信小程序包進行反編譯方法

偶然有需求瞭解別人的小程序實現方法，網上相關資料很多，順便了解了一下，做個總結，沒啥技術含量，分享出來。 要求 安裝Nodejs 一臺root後的安卓手機或者裝有可以打開微信小程序的安卓模擬器 一個敢於折騰的耐心 看起來很簡單的樣子

2019-03-20 22:15:04 34

原创 如何給Egg.js項目開啓80端口訪問

爲什麼要 因某些特殊情況，項目cdn做了防盜鏈，然後本地開發也收到了限制，在cdn設置了一些本地ip的白名單，居然對端口支持不好，結果有時候可以訪問cdn資源，有時候又不行，無奈，和運維、後端商量講開發地址暫時改成80端口，以便正常開發~

2019-03-15 11:15:15 20

原创 全局SASS/SCSS變量在Vue項目中應用解決方案

場景說明 // 這是一個存放變量的scss文件 "@/styles/_variables.scss" // color font ... $cf-light: #B6B6B6; $cf-gray: #8C8C8C; $cf-med: #50

2019-03-07 11:54:46 2

原创 Nunjucks使用正則表達式示例

我在使用egg.js時，他用的模板引擎是Nunjucks，其中有個地方需要用到正則，可是官方文檔基本上寫了跟沒寫一樣，官方的正則表達式。於是我便去找例子了。 正則表達式 在Nunjucks中使用正則表達式的示例： {% set regExp

2019-01-16 11:56:20 5

原创 【轉】2019年Web開發指南

文章總結自視頻Web Development In 2019 - A Practical Guide 眨眼2018過去了，還有很多計劃學習的東西恐怕都還沒有完成，時間不等人，我們要開始看看2019年有什麼要關注學習的了。 視頻大綱： 0:

2019-01-02 09:55:01

原创 【開發小技巧】Windows環境下配有Node.js 性能平臺（alinode）的項目開發頻繁報錯

如果有人使用了阿里雲的Node.js 性能平臺，這個項目會在不同的開發環境下有不同的效果。比如，我在egg.js項目中有用到這個阿里雲的Node.js性能監控，我在項目中配好了各項參數，在監控裏也是可以看到當前活躍項目的一些性能狀態。 然而

2018-12-13 13:05:01 8

原创 【開發小技巧】VSCode安裝後，中文包還是英文的問題。

從官方下載的Visual Studio Code默認是英文的，一般開發者可能需要調整爲中文，這裏需要一個插件叫做Chinese (Simplified) Language Pack for Visual Studio Code，也稱之爲適用

2018-12-13 10:24:55 5

原创 Javascript事件循環入門到“忘記”（一）.md

本文主要介紹Javascript事件循環在瀏覽器上的一些特性和應用介紹。 Javascript小知識 JavaScript的併發模型基於"事件循環"(Event Loop)。這個模型與像C或者Java這種其它語言中的模型截然不同。它永不阻塞

2018-11-05 19:44:54 4