原创 mac 如何快速找到host文件、並修改
1. 打開 Finder，然後點擊菜單欄中的 前往——前往文件夾（或者快捷鍵 Shift+Command+G） 2. 在路徑中輸入 /etc/hosts 3. 將host文件拷貝到本地，修改之後，將本地的host文件拖入etc文件夾中,
2020-07-08 00:32:18
1
原创 那些年你猜的坑之——數組去重reduce的用法
數組去重在JS中最常見的處理方式就是構建Object，因爲Object查找key的時間複雜度是O(1)，而數組是O(n) const list1 = [ {id: 0, name: 'xiaomin'}, {id: 1
2020-07-08 00:32:18
1
原创 利用 Object.defineProperty 對象響應式原理實現時鐘效果
實現代碼💻： <body> <div id="#app"></div> <script> // TODO 定義一個對象響應式原理 ⏰ function defineReactive(obj, key, val) {
2020-07-08 00:32:07
1
原创 Vue 淺談自定義指令 directive
自定義指令 用途：需要對普通 DOM 元素進行底層操作 除了核心功能默認內置的指令 ( 和 )，Vue 也允許註冊自定義指令。注意，在 Vue2.0 中，代碼複用和抽象的主要形式是組件。然而，有的情況下，你仍然需要對普通 DOM 元
2020-07-08 00:32:07
2
原创 ElementUI的upload組件手動上傳，並攜帶參數和excel文件流提交給後臺
使用場景： 選取好excel文件後，再把導入的excel文件和參數同時提交給服務器，需要用到文件的手動上傳，但是直接拷貝官網的demo會出現問題，下面會具體說明要注意的問題點。😏 直接上代碼： index.vue <el-form
2020-07-08 00:32:07
2
原创 Vue 的數據響應式原理
一、理解Vue的設計思想 MVVM框架的三要素:數據響應式、模板引擎及其渲染 (1) 數據響應式:監聽數據變化並在視圖中更新 Object.defineProperty() Proxy (2) 模版引擎:提供描述視圖的模版語法 插值
2020-07-08 00:32:07
原创 vue cli-service-golbal安裝後不能使用的問題
一、問題： 我們在安裝 @vue/cli-service-global組件後，想要執行某個單獨的 *.vue文件，執行如下命令： vue serve hello.vue 報錯： command not found: vue 二
2020-07-08 00:32:07
2
原创 mac下 webstorm輸入光標變成塊狀解決方法
原因： webstorm默認安裝 ideaVim 插件 解決辦法： 1. 選擇 preferences.. 或快捷鍵 "command + , " 2. 取消勾選☑️
2020-07-08 00:32:07
1
原创 $nextTick —— vue中實現請求數據後渲染dom
我們先看下面代碼示例效果： （1）示例 <body> <div id="app" > <div id='div' v-if="showDiv">這是一段文本</div> <button @clic
2020-07-08 00:32:07
3
原创 使用Vue DevTools 插件報錯的問題：Vue.js is detected on this page. Open DevTools and look for the Vue panel.
1.出現的問題 這個問題，是因爲沒有在main.js中開啓debug mode！！我們在main.js中開啓就ok啦。 2.解決方法 main.js import Vue from 'vue' Vue.config.de
2020-07-08 00:32:07
28
原创 Vue 多個平行頁面間傳值，非組件間傳遞，簡單易懂
一、使用路由傳遞參數 A頁面和B頁面是兩個平行頁面，非父子組件關係，先要將A頁面的參數傳遞到B頁面中。 ⚠️注意 ：query 中的參數 params ，需要使用 JSON.stringify({}) 方法，把對象轉化成JSON字符串
2020-07-08 00:32:07
5
原创 Vue 優雅的強制重新渲染子組件
原理： 我們通過 :key 實現，當key 值變更時，會自動的重新渲染，key的作用主要是爲了高效的更新虛擬DOM。 代碼實現： <template> <div> <!-- 父組件 --> <
2020-07-08 00:32:07
原创 如何提升Vue的開發效率呢？ Vue-devtools幫你實現快速調試！
一、前言 大家怕是都遇到過在Chrome裏面查看Elements元素時，監測不到Element元素的數據變化的問題。 由於vue是數據驅動頁面渲染的，所以必須要進行對數據動向的監測。 下面我會一步一步的教大家來執行，包括裏面不少的坑...
2020-07-08 00:32:07
原创 vue-elementUI el-tree組件獲取當前選中(check)的所有數據（含所有選中的二級節點和父節點）數組
獲取方法如下： this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())
2020-07-08 00:32:07
1
原创 瀏覽器中的 preview 和 response 顯示的值不一致
背景： 圖中是瀏覽器渲染的表結構，我們的節目ID在表結構中作爲主鍵ID，是不會存在重複的情況的，那到底是怎麼造成的呢？ 邏輯梳理： 經過排查返回值，我們發現NetWork中的 preview 與我們頁面所展示出來的值一致，主
2020-07-08 00:32:07
1