原创 Vue.js-自定義指令
學習筆記：自定義指令 自定義指令 自定義指令的註冊方法分爲全局註冊和局部註冊，比如註冊一個v-focus指令，用於在<input>、<textarea>元素初始化時自動獲得焦點，兩種寫法分別是： //全局註冊 Vue.directive(
2019-03-18 12:05:10
原创 Vue.js-組件詳解
學習筆記：組件詳解 組件詳解 組件與複用 Vue組件需要註冊後纔可以使用。註冊有全局註冊和局部註冊兩種方式。 全局註冊 Vue.component('my-component', {}); 要在父實例中使用這個組件，必須要在實例創建前註
2019-03-18 12:05:10
原创 Vue.js-方法與事件
學習筆記：方法與事件 方法與事件 @click調用得方法名後可以不跟括號()，如果該方法有參數，默認會將原生事件對象event傳入。 這種在HTML元素上監聽事件的設計看似將DOM與JavaScript緊耦合，違背分離的原理，實則剛好相反
2019-03-18 11:55:08
原创 Vue.js-表單與v-model
學習筆記：表單與v-model 表單與v-model Vue.js提供了v-model指令，用於在表單類元素上雙向綁定數據。 使用v-model後，表單控件顯示的值只依賴所綁定的數據，不再關心初始化時的value屬性，對於在<textar
2019-03-18 11:55:08
2
原创 Vue.js-內置指令
學習筆記：內置指令 內置指令 基本指令 v-cloak v-cloak不需要表達式，它會在Vue實例結束編譯時從綁定的HTML元素上移除，經常和CSS的display: none;配合使用： <div id="app" v-cloak>
2019-03-18 11:15:09
原创 Vue.js-計算屬性和class與style綁定
學習筆記：前端開發文檔 計算屬性 所有的計算屬性都以函數的形式寫在Vue實例中的computed選項內，最終返回計算後的結果。 計算屬性的用法 在一個計算屬性中可以完成各種複雜的邏輯，包括運算、函數調用等，只要最終返回一個結果即可。 計算
2019-03-18 10:55:10
1
原创 Vue.js-開篇
學習筆記：Vue.js基礎知識 基礎知識 構造函數Vue的根實例new Vue({})，並啓動Vue應用。 var app = Vue({ el: "#app", data: {}, methods: {} });
2019-03-18 06:55:06
2
原创 使用Quasar設計Material和IOS風格的響應式網站
GITHUB：使用Quasar設計旅遊網站文章鏈接：使用Quasar設計Material和IOS風格的響應式網站 Quasar Quasar是一款基於Vue.js開發的UI框架，可以讓你輕鬆構建網站簡潔明快的界面，更重要的是它還能讓你輕鬆
2019-02-28 02:04:25
382
原创 Vue.js基礎教程
文章鏈接：Vue.js基礎教程 開發工具準備： 根據個人喜歡選擇IDE，我使用的是WebStorm，推薦使用Atom和VSCode； 安裝git base和node.js； 安裝vue-cli，命令npm i -g @vue/cli；
2019-02-22 14:44:43
2
原创 Pro Git 學習筆記
Pro Git 學習筆記 文檔地址：Pro Git原文地址：PRO GIT 學習筆記 1、Git起步 初次運行Git前的配置 用戶信息 git config --global user.name "your user name" git
2019-01-16 15:43:07
原创 管中窺Vue
博客文章鏈接：管中窺Vue Vue和Angular、React.js的相同點和不同點？ 與React的相同： 都使用了Virtual DOM 提供了響應式和組件化的視圖組件 將注意力集中保持在覈心庫，而將其他功能如路由和全局狀態管理交
2018-11-13 06:24:28
原创 數組大概知多少
博客文章鏈接：數組大概知多少 判斷一個變量是否爲數組？ 可靠地檢測數組方法 1.利用Object的toString方法 var list = [1, 2, 3]; Object.prototype.toString.call(list);/
2018-11-13 06:04:47
1
原创 正則表達式手冊
表達式全集 原文鏈接：正則表達式手冊 字符 描述 \ 將下一個字符標記爲一個特殊字符、或一個原義字符、或一個向後引用、或一個八進制轉義符。例如，“n”匹配字符“n”。“\n”匹配一個換行符。串行“\\”匹配“\”而“\(”則匹配“
2018-11-01 14:14:31