原创 vue-cli 4.x版本生成的工程,SCSS樣式問題

問題 vue-cli 4.x版本生成的vue工程,已經自動幫我們配置好了webpack的css-loader【清單詳見這裏】,我們在vue的單文件組件中寫scss樣式的時候,有些屬性,比如background-image,需要配置

原创 vue2.X版本中filters訪問methods中的方法

問題 我們經常會用到過濾器filter,用於在處理變量的後操作。過濾器可以用在methods中,有兩種思路可以實現,一個是採用全局過濾器,以官方文檔中的代碼爲例: Vue.filter('capitalize', function

原创 瞭解node中的setImmediate()

概述 當你想在node中執行異步代碼,並且想盡可能快的執行,那麼可以選擇node中的setImmediate()函數。 setImmediate(() => { //run something }) 任何傳給setImmed

原创 win10下vue-cli3.x全局安裝失敗問題解決

win10下vue-cli3.x全局安裝失敗問題解決 問題重現 安裝vue-cli3.x版本: npm install -g @vue/cli 問題日誌 11987 verbose stack Error: EPERM: ope

原创 深入理解ES5系列之標準庫-正則表達式對象

目錄2 標準庫2.1 正則表達式對象(RegExp對象)2.1.1 表示方法2.1.2 實例屬性2.1.3 實例方法2.1.3.1 RegExp.prototype.test()2.1.3.2 RegExp.prototype.e

原创 個人理解的javascript運行機制

事件循環 JS分爲同步任務和異步任務 同步任務都在主線程上執行,形成一個執行棧 主線程之外,事件觸發線程管理着一個任務隊列,只要異步任務有了運行結果,就在任務隊列之中放置一個事件。 一旦執行棧中的所有同步任務執行完畢(此時JS引

原创 JavaScript中正負零

JavaScript中正負零 判斷正負零 //判斷是否爲+0 function isPositiveZero(num){ return num === 0 && 1 / num > 0 } //判斷是否爲-0 function

原创 git 多賬戶配置導致的 Permission denied (publickey).

踩坑總結 網上關於git多賬戶配置的文章很多,但是其實有誤導,以如下配置來說吧: # This is the account for author on github.com. Host github.com HostName

原创 新版vscode(^1.41.0)下JavaScript代碼格式化衝突問題

分析配置 { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, "esl

原创 npm,yarn替換國外鏡像爲國內鏡像,安裝依賴

npm npm config set registry https://registry.npm.taobao.org npm config set sass_binary_site https://npm.taobao.org

原创 debounce與throttle區別及其應用場景

目錄概念debouncethrottle實現debouncethrottle應用場景debouncethrottle場景舉例debouncethrottle 概念 debounce 字面理解是“防抖”,何謂“防抖”,就是連續操作結

原创 深入理解ES5系列之數據類型-數值

目錄1. 數據類型1.1 數值1.1.1 整數和浮點數1.1.2 數值精度1.1.3 數值範圍1.2 數值的表示法1.3 特殊數值1.3.1 正零和負零1.3.2 NaN1.3.3 Infinity 1. 數據類型 1.1 數值

原创 理解clientHeight,scrollHeight,offsetHeight等Dom中的Element對象屬性

目錄代碼HTMLCSSJavaScript理解參考鏈接 代碼 HTML <div class="container"> <div id="aa" contenteditable

原创 高德地圖自定義彈窗內容

需求 使用vue2.x來實現高德地圖自定義彈窗內容,可以通過一個按鈕來切換不同的樣式風格,即改變彈窗內容樣式。 分析 高德地圖官網爲開發者提供了自定義彈窗內容的例子,見這裏 。官方提供的方式是Dom操作,即createElemen

原创 vscode(^1.44.0)下vue-html代碼格式化與eslint格式化衝突

vscode配置 { "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "esli