原创 koa源碼中的promise的解析

koa 是一個非常輕量優雅的 node 應用開發框架，趁着閒餘時間閱讀了下源代碼，其中一些比較有意思的地方整理成文與大家分享一下。 洋蔥型中間件機制的實現原理 我們經常把 koa 中間件的執行機制類比於剝洋蔥，這樣設計其執行順序的好處是我們

2018-12-11 21:12:21

原创 你會用哪些JavaScript循環遍歷

總結JavaScript中的循環遍歷 定義一個數組和對象 const arr = ['a', 'b', 'c', 'd', 'e', 'f']; const obj = { a: 1, b: 2, c: 3, d: 4 }

2018-12-11 21:12:21

原创 Vue slot的用法

之前看官方文檔，由於自己理解的偏差，不知道slot是幹嘛的，看到小標題，使用Slot分發內容，就以爲 是要往下派發內容。然後就沒有理解插槽的概念。其實說白了，使用slot就是先圈一塊地，將來可能種花種菜，也有可能在這塊地上建房子。然而slo

2018-12-11 21:12:21

原创 從源碼裏解析vue中的nextTick的用法

今天做了一個需求，場景是這樣的： 在頁面拉取一個接口，這個接口返回一些數據，這些數據是這個頁面的一個浮層組件要依賴的，然後我在接口一返回數據就展示了這個浮層組件，展示的同時，上報一些數據給後臺（這些數據就是父組件從接口拿的），這個時候，神奇

2018-12-11 09:12:04

原创 Vuex的初探與實戰小結

1.概述 每一個 Vuex 應用的核心就是 store（倉庫）。“store”基本上就是一個容器，它包含着你的應用中大部分的狀態 (state)。 Vuex 和單純的全局對象有以下兩點不同： 1.Vuex 的狀態存儲是響應式的。當 Vue

2018-12-11 09:12:04

原创 ES6私有變量的實現

1. 約定 實現 class Example { constructor() { this._private = 'private'; } getName() { return this._private } } va

2018-12-10 21:13:02

原创 Vue狀態初始化源碼探究

這裏的狀態初始化指的就是在創建實例的時候，在配置對象裏定義的屬性、數據變量、方法等是如何進行初始處理的。由於隨後的數據更新變動都交給觀察系統來負責，所以在事先弄明白了數據綁定的原理之後，就只需要將目光集中在這一部分。 來仔細看看在覈心類中首

2018-12-09 21:12:21

原创 React和Vue中監聽變量變化的方法

React 中 本地調試React代碼的方法 yarn build 場景 假設有這樣一個場景，父組件傳遞子組件一個A參數，子組件需要監聽A參數的變化轉換爲state。 16之前 在React以前我們可以使用 componentWillRev

2018-12-09 21:12:11

原创 vue與原生app的對接交互的方法(混合開發)

小夥伴們在用vue開發h5項目特別是移動端的項目，很多都是打包後掛載在原生APP上的，那就少不了與原生交互了，我把我踩的一些坑，拿出來給大家分享下。 1.通過url傳輸數據：（一般是在入口頁面傳下app的用戶信息進來供vue h5使用） m

2018-12-09 21:12:11 2

原创 checkbox在vue中的用法小結

前言 關於checkbox多選框是再常見不過的了，幾乎很多地方都會用到，這兩天在使用vue框架時需要用到checkbox多選功能，實在着實讓我頭疼，vue和原生checkbox用法不太一樣，之前對於vue中用到過的checkbox也只是別人

2018-12-07 21:12:39 1

原创 Vue 實現雙向綁定的幾種方法

1. v-model 指令 <input v-model="text" /> 上例不過是一個語法糖，展開來是： <input :value="text" @input="e => text = e.target.value" /> 2

2018-12-07 21:12:39

原创 es6之class 基本用法解析

javaScript 語言中，生成實例對象的傳統方法是通過構造函數,與傳統的面嚮對象語言（比如 C++ 和 Java）差異很大，ES6 提供了更接近傳統語言的寫法，引入了 class（類）這個概念，作爲對象的模板。通過class關鍵字，可以

2018-12-06 21:12:23

原创 vue嵌套路由與404重定向實現方法分析

第一部分： vue嵌套路由 嵌套路由是什麼？ 嵌套路由就是在一個被路由過來的頁面下可以繼續使用路由，嵌套也就是路由中的路由的意思。 比如在vue中，我們如果不使用嵌套路由，那麼只有一個<router-view>，但是如果使用，那麼在一個組

2018-12-06 21:12:22

原创 webstorm和vue中es6語法報錯的解決方式

1.webstorm中es6語法報錯，解決方法： 打開 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改爲 ECMAScript

2018-12-06 09:12:02 1

原创 深入淺析Vue中的Prop

Prop 基本用法 Prop的基本用法很簡單，只需要在子組件的Vue實例中定義該屬性並把值設爲目標屬性的數組即可 Vue.component('child', { ... // 接收message props: ['message']

2018-12-05 21:12:19