原创 VUE class 用法
<div class="red" :class="[typeClass, center ? 'is-enter': '', 'is' + effect, 'four': four === true]"
2020-06-21 06:49:23
原创 vue watch的用法
vue watch的三種用法 var app = new Vue({ data: { a: 1, b: 2, c: 3 }, watch: { // watch的第一種形式 a: f
2019-03-23 14:19:53
原创 遞歸組件的用法
先看效果圖： 1：先mock數據 //list.js var list = { list: [{ title: '成人票', children: [{ title: '成人三
2019-02-28 03:14:29
原创 vue源碼學習一
本篇主要爲閱讀源碼做一些準備，相關代碼參考了網上相關資料。 本篇主要講述數據的動態動態綁定與更新： 1:數據的動態綁定與更新核心方法是Object.defineProperty(),下面是相關介紹。 Object.definePro
2019-02-28 03:14:29
原创 v-model的使用
組件中v-model的使用： v2.2以前的版本是這樣應用的， <body> <div id="app"> <h1>組件中v-model的使用</h1> <h1>1,子組件中props要有valu
2019-02-26 14:32:43
原创 vue祖孫組件之間的數據傳遞
**解決的問題：** 使用$attrs和$listeners實現祖孫組件之間的數據傳遞，也就是多重嵌套組件之間的數據傳遞。 **注意：** 本方法針對vue2.4版本及以上，使用$attrs和$listeners來實現的 **解決方案：
2019-02-26 14:32:43
原创 slot插槽
代碼模板如下： <div id="app"> <h1>插槽slot</h1> <h1>具名插槽</h1> <button-counter v-model="message"><p slot
2019-02-26 14:32:43
原创 本地倉庫如何與遠程倉庫交互
遠程分支與本地分支的交互 1：當執行完git clone克隆完某個遠程倉庫後，本地的倉庫狀態如下圖： origin/master: 你克隆的時間點遠程倉庫master分支的指向。 master:git自動爲你創建master分支，並
2019-02-24 03:13:47
原创 git命令
git remote add //本地倉庫關聯遠程倉庫 name :定義一個遠程倉庫的名稱 url：遠程倉庫的地址。 eg： git remote add yx https://github.com/schacon/t
2019-02-24 03:13:47
原创 webpack3構建簡單的單頁面應用
本文主要記載的是WebPlugin插件的用法 主要實現的功能： 1：壓縮js通過UglifyJsPlugin 2:使用WebPlugin根據模板自動生成頁面 3：使用extract-text-webpack-plugin 將css抽取
2019-02-21 01:10:29
原创 webpack3構建簡單的多頁面應用
解決的問題 1：多頁面結構如何設置，2：公共樣式如何配置，3：入口文件都需要導入哪些樣式 ，4：如何自動配置入口文件而不需要手動書寫。 首先看下項目目錄 該項目有兩個頁面，分別位於index和login文件夾下， common.cs
2019-02-21 01:10:29
原创 promise簡述
一：先看第一段代碼： var p =new Promise(function(resolve,reject){ //說明傳入的參數函數會立即執行。 console.log('create a promise');
2019-02-12 14:45:31
原创 js對象遍歷
首先創建一個可操作的對象： //首先在Object的prototype上添加屬性，這樣其他對象可以繼承。 Object.prototype.userProp = 'userProp'; Object.prototype.getUser
2019-01-31 14:40:13
原创 js數組簡述
一：Array.of() var a = Array.of(1,2); console.log(a) //a =[1,2] var b = Array.of(8.0) console.log(b)
2019-01-27 02:35:32
原创 正則表達式簡單記錄
一：創建正則有兩種方式: ！：var pattern = /box/ig //第二個參數可省略 !! ：var pattern = new RegExp('box','ig') //第二個
2019-01-27 02:35:32
3