原创 使用npm安裝模塊時-g --save --save-dev有什麼區別
在使用 npm install 安裝模塊的模塊的時候 ，一般會使用下面這幾種命令形式： npm install moduleName # 安裝模塊到項目目錄下 npm install -g moduleName # -g 的意思是將模塊安
2019-05-15 06:42:19
原创 vue-music實現輪播無縫滾動better-scroll
最近在寫一個基於vue2.0的移動端音樂項目，昨天寫到 了首頁的輪播圖部分，跟着視頻教程寫的，沒想到最後卻出現了一大堆錯誤，並且都是視頻中所沒有的，自己思考了很久，也不知道是怎麼回事，今天早上開機之後，百度發現，原來是better-scr
2019-04-19 18:53:00
2
原创 vue-music使用後端代理請求歌單數據接口詳解
在獲取歌單數據的時候，我們發現用jsonp獲取接口的時候會報錯，這是爲什麼呢？ 原因是qq音樂在請求頭裏面加了authority和refer等 ，如果我們通過jsonp實現跨域來請求數據的話 是根本不能夠修改請求頭的 ，如果要使用a
2019-04-19 18:53:00
原创 vue中ref屬性詳解
爲了訪問到DOM元素的值，要用到ref屬性，將以上的最外層Div改寫爲： <div class="menu" ref="menuBorder"> 就可以將class爲menu的dom屬性集合，即menuBorder掛載到this.ref
2019-04-18 18:12:43
原创 ES6中let，const誤區詳解
ES6 ES6全稱爲ECMAScript,目前的ES6是2015年發佈的，所以又稱爲ECMAScript 2015，ES6的兼容性還有待提高，主要包含let, const, class, extends, super, arrow fun
2019-03-27 18:01:13
原创 變量聲明提升&&函數聲明提升
變量聲明提升 1、變量定義 可以使用var定義變量，變量如果沒有賦值，那變量的初始值爲undefined。 2、變量作用域 變量作用域指變量起作用的範圍。變量分爲全局變量和局部變量。全局變量在全局都擁有定義；而局部變量只能在函數內有效。
2019-03-27 18:01:13
原创 vuex詳解
官方解釋 Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試工具 devtools exten
2019-03-22 18:07:41
原创 Vue中slot初理解
初步理解： <Child> <span style=”color:red;”>hello world</span> </Child> 在組件標籤Child中的span標籤會被組件模板template內容替換掉，當想讓組件標籤C
2019-03-17 17:57:57
1
原创 vue-router路由配置和使用步驟整理
1.路由基本概念 其實就是指向的意思，當我點擊頁面上的home按鈕時，頁面中就要顯示home的內容，如果點擊頁面上的about 按鈕，頁面中就要顯示about 的內容。Home按鈕 => home 內容， about按鈕 => abou
2019-03-11 16:50:18
原创 前端面試習題集
1.如何用原生js給一個按鈕綁定兩個onclick事件？ Var btn=document.getElementById(‘btn’); //事件監聽 綁定多個事件 var btn4 = document.getElementB
2019-03-08 01:13:11
原创 談談對MVVM開發模式的理解
MVVM分爲Model、View、ViewModel三者。 Model：代表數據模型，數據和業務邏輯都在Model層中定義； View：代表UI視圖，負責數據的展示； ViewModel：負責監聽Model中數據的改變並且控制視
2019-03-05 00:51:49
原创 前端如何優化網站性能
1、減少 HTTP 請求數量 在瀏覽器與服務器進行通信時，主要是通過 HTTP 進行通信。瀏覽器與服務器需要經過三次握手，每次握手需要花費大量時間。而且不同瀏覽器對資源文件併發請求數量有限（不同瀏覽器允許併發數），一旦 HTTP 請求數量
2019-03-05 00:51:49
原创 v-if 和 v-show 有什麼區別？
v-show 僅僅控制元素的顯示方式，將 display 屬性在 block 和 none 來回切換； 而v-if會控制這個 DOM 節點的存在與否。 當我們需要經常切換某個元素的顯示/隱藏時，使用v-show會更加節省性能上的開銷； 當
2019-03-05 00:51:49
原创 上傳圖片谷歌、火狐、ie瀏覽器兼容問題
瀏覽器兼容問題在面試中也是很重要的，今天來掌握一下<input type="file">表單的上傳圖片兼容器功能，在input表單的上面插入圖片，將表單display設置爲none，之後點擊圖片觸發上傳圖片的click（）方法，很容易地
2019-02-21 00:04:30
原创 Json數據格式
json有兩種格式 1.對象格式：{key1：value1，key2：value2} var json = {"name":"xiaou","age":0} 2.數組/集合格式：[obj,obj,obj....] var js
2019-02-16 19:55:10