原创 vue-route的用法

vue-router 兩種模式 SPA 單頁面應用,顧名思義,但也沒,加載頁面不會加載整個頁面,更新某個容器內內容,更新視圖不請求頁面,在vue中,vue-router用來實現 hash模式 先看官網介紹: vue-router

原创 computed和watch區別與用法

什麼是computed 先來看官方文檔: 計算屬性: 模板內的表達式非常便利,但是設計它們的初衷是用於簡單運算的。在模板中放入太多的邏輯會讓模板過重且難以維護,在這個地方,模板不再是簡單的聲明式邏輯。你必須看一段時間才

原创 vue中webpack 配置的註釋

什麼是webpack WebPack可以看做是模塊打包機:它做的事情是,分析你的項目結構,找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言(Sass,TypeScript等),並將其轉換和打包爲合適的格式供瀏

原创 vuex源碼分析

什麼是vuex 先來看官方介紹: Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的

原创 一萬小時剖析

隨着暢銷書《異類》的流行,“練習一萬小時成天才”這個口號現在是盡人皆知。也許仍然有不少人相信那些不世出的天才必有天生的神祕能力,但科學家通過大量的調查研究已經達成共識,那就是所有頂級高手都是練出來的。不但如此,最近幾年的科學進展,

原创 關於vscode智能提示失效問題

在vscode使用react插件之後,只能提示失效 把光標放在js文件中,import 引入包的時候,提示正在加載 初步判斷爲自動關聯,導致緩存包在自身node_module和c盤緩存node_module之間無法自動判斷導致卡死

原创 重繪與重排

什麼是重繪和重排 重繪就是重新繪製(repaint) 重排就是重新排列(reflow) DOM發生改變的時候觸發重排,使DOM重新排列,重繪不一定會重排,但是重排一定發生重繪,重繪和重排都會耗費瀏覽器的性能,儘量避免 網頁如何生成

原创 vue中Mixins 與 Hoc

什麼是mixins 在官方文檔中 混入 (mixins) 是一種分發 Vue 組件中可複用功能的非常靈活的方式。混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被混入該組件本身的選項。 // 定義一個混入對象

原创 跨域全解,看這個就夠了

爲什麼要跨域 由於瀏覽器同源策略,限制同一個源加載文檔與另一個源進行交互,用來隔離惡意的攻擊。 如果沒有同源策略限制會導致 針對接口:在登錄上使用cookie來判斷是誰發送的請求,服務器驗證響應頭加入set-cookie,下次請求時候

原创 缺省協議和瀏覽器緩存

缺省協議 /缺省協議的使用,代表資源訪問的協議和當前頁面保持一致,如果頁面是http,//就代表http,如果頁面是http,也是如此。許多cdn也是如此, //是缺省協議的寫法 //jb51.net/css/ 缺省協議的優缺點 本

原创 箭頭函數詳解

箭頭函數與普通函數不同 1:箭頭函數不能使用new 2:箭頭函數不能使用arguments,使用 rest參數 … var a = (...A)=>{ console.log(A) } 3:箭頭函數指向 先看一個栗子 var

原创 call,apply,bind

函數的三種角色 length 形參的個數 name:函數名 prototype:類的原型,在原型上定義方法都是當前類實例的公有方法 _proto:把函數當成普通對象,指向Function類的原型 function Fn(){

原创 vue 構造函數---vue源碼解析(3)

介紹 使用vue時候,要先new操作符調用,說明Vue是一個構造函數,所以我們首先要把vue的構造函數搞清楚 Vue構造函數的原型 npm run dev "dev": "rollup -w -c scripts/config.js

原创 什麼是AMD,CommonJS,UMD(2)

模塊規範 JS組件生態系統穩步增加,但是組件之間互相引入導致組件混亂,爲了解決問題,互爲對手的AMD和CommonJS出現,他們可以讓開發者在約定的沙箱以模塊化的形式編寫自己的代碼。 AMD 異步模塊定義 RequireJS目前是現在

原创 vue源碼探究---讀vue技術揭祕(1)

需要了解 RollUp Flow RollUp Rollup是一個js的模塊打包器,可以將小塊代碼編譯成大塊複雜代碼,那爲什麼這樣做呢,爲了降低開發問題時候的複雜度 Tree-shaking(搖樹優化) 除了使用ES6的模塊外,R