原创 vue-resource發送請求

使用vue-resource發送請求 1.引入文件(vue.js文件和vue-resource.js文件) 2.通過this.$http.請求方式(請求方式對應的參數).then(成功回調函數,失敗回調函數) 3.通過成功回調函數的res

原创 Vue生命週期

beforeCreate 實例初始化之後,還沒有拿到data和methods中的數據與方法時被調用 created 實例創建完之後被調用,此時已經拿到了data和methods中的數據和方法了,但是還沒有掛載,el指定的元素屬性還沒有出現

原创 element-ui導航菜單使用vue-router刷新後高亮顯示不一致完美解決辦法

問題1:刷新後,默認高亮顯示爲當前的第一個索引值   產生原因:   :default-active="activeIndex" 解決辦法:將:default-active="activeIndex"  替換成   :default-

原创 使用vue-cli2.+搭建腳手架vue仿小米商城Web

安裝vue-cli腳手架 npm i vue-cli -S  使用vue查看是否安裝成功  使用vue init webpack 初始化構建項目 最後一步,我選擇的是no ,用的是淘寶鏡像進行安裝依賴包,默認選中yes 安裝完成後

原创 jQuery-UI之dialog對話框系列

官方API地址 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid

原创 盤點前端易混淆的面試題精選

下面代碼執行後是什麼 <ul id='list'> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li>

原创 vuex

vuex:狀態管理(管理操作跨組件之間的數據) Vuex 的狀態存儲是響應式的。當 Vue 組件從 store 中讀取狀態的時候,若 store 中的狀態發生變化,那麼相應的組件也會相應地得到高效更新。 你不能直接改變 store

原创 flex佈局詳情介紹

設爲flex佈局(display:flex)以後,子元素的float、clear、vertical-align屬性將無效 任何的屬性值加上 -reverse : 表示顛倒順序 webkit內核的瀏覽器 需要加上 -webkit-前綴 父級

原创 IE8,9低版本瀏覽器不支持H5C3完美解決方案彙總

不支持border-radius、box-shadow、multiple、線性漸變 的解決方案 PIE.js  插件瞭解一下 :  官網地址 使用方式: 在<head>標籤中引入js文件:    <!--[if lte IE 8]> <s

原创 原生事件綁定與解綁和jQuery的事件綁定與解綁詳解

原生js綁定單個事件與解綁 <body> <input type="button" id="btn" value="盤他"> <input type="button" id="rm" value="移除"> </body

原创 normalize與reset的本質和區別

normalize.css v3.0.3 html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;

原创 vue數組中哪些方法是響應式的

    Vue數組中響應式的方法: push()    在數組最後元素中追加元素 pop()      刪除數組最後一個元素 shift()     刪除數組中第一個元素 unshift()   在數組前面元素中追加元素 splice()

原创 vue-cli腳手架version2和3的使用及更新的問題解決

vue-cli2.+版本 升級 vue-cli3.+版本 首先卸載舊版本 npm  uninstall vue-cli -g  安裝新版本 npm i @vue/cli -g   包名稱由 vue-cli  改成了   @vue/

原创 封裝升降排序小插件

依賴項: bootstrap.css(可自行寫樣式) font-awesome字體圖標庫 jquery art-template HTML模板: <body> <input type="hidden" id="cur-sort-

原创 vue中使用v-if,v-else切換時input複用問題(vue底層深入)

vue底層深入 問題:如果我們在有輸入內容的情況下,切換了類型,我們會發現文字依然顯示之前的輸入內容。 示例代碼: 示例效果:   按道理講,我們應該是切換到了另一個input元素中,在另一個input元素中,我們並沒有輸入內容,爲什麼