原创 關於axios安裝及使用
安裝 npm install axios 結果跑的時候報錯了額(Ｔ▽Ｔ) 再命令 npm install --save axios vue-axios 在入口文件main.js 裏面配置 import Vue from 'vue'
2019-03-04 00:38:48
原创 關於單文件組件
文件擴展名爲 .vue 的 single-file components(單文件組件) 使用 webpack 或 Browserify 等構建工具 標籤保存實例： 模板文件： 1.輸入框組件 BaseInputText.vue：
2019-01-27 12:54:13
原创 vue 渲染函數 & JSX
createElement 參數 接下來你需要熟悉的是如何在 createElement 函數中生成模板。這裏是 createElement 接受的參數： // @returns {VNode} createElement( //
2019-01-14 14:51:54
原创 Vue 動畫效果過渡模式
相同標籤名的元素切換 <div id="demo"> <transition> <button v-bind:key="isEditing" v-on:click="isEditing = !isEditing">
2018-12-19 12:36:36
原创 Generator實現抽獎業務邏輯和長輪詢邏輯
在接觸ES6又get了一些業務邏輯的實例方法。 抽獎業務邏輯 限制抽獎次數，不再把次數限制保存在全局變量，避免別人修改了次數。從服務端傳參進來，增加了安全性。 let txt = document.createElement('p');
2018-09-06 21:05:41
原创 Proxy和Reflect數據校驗
//提供代理模塊 function validator(target,validator){ return new Proxy(target,{ _validator:validator
2018-09-06 17:33:12
原创 ES6項目構建工具使用（完整版）
最近學習用ES6語法寫項目，因爲瀏覽器目前不支持ES6語法 （特別IE8以下的瀏覽器不支持ES5—6），無法部署到線上，爲了必須構建支持ES6的環境， 所以重新整理下需要的開發工具，避免以後遇坑。 gulp（任務自動化工具） gulp文檔
2018-08-25 10:39:29
2
原创 ES6筆記上（深入淺出ES6—阮一峯）
在線轉換 Babel 提供一個REPL在線編譯器，可以在線將 ES6 代碼轉爲 ES5 代碼。轉換後的代碼，可以直接作爲 ES5 代碼插入網頁運行。 let和const命令 let和var的區別 var a = []; for (var
2018-08-22 16:55:25
原创 webpack安裝（構建ES6的編譯環境）
1.在此之前先安裝Git，安裝node.js 先全局安裝 “npm install webpack -g” “npm install webpack-dev-server -g” 2.新建一個文件 例如“es6-webpack”，然後鼠
2018-08-22 16:55:25
原创 ES6和ES5語法區別（Reflect對象和Object對象 ）
概述 Reflect對象與Proxy對象一樣，也是 ES6 爲了操作對象而提供的新 API。 現階段，某些方法同時在Object和Reflect對象上部署，未來的新方法將只部署在Reflect對象上。也就是說，從Reflect對象上可以拿
2018-08-22 16:55:25
原创 ES6文檔 思維導圖筆記
最近學習了ES6語言。選了幾個章節整理了筆記。。。 API ECMAScript 6入門——阮一峯 set和map數據結構 Iterator和for…of循環 Generator 函數 promise對象
2018-08-22 16:55:25
原创 ES6筆記下（深入淺出ES6—阮一峯）
Symbol ES6引入了一種新的原始數據類型Symbol，表示獨一無二的值。它是JavaScript語言的第七種數據類型，前六種是：Undefined、Null、布爾值（Boolean）、字符串（String）、數值（Number）、對
2018-08-22 16:55:25
1
原创 es6 babel轉碼器安裝配置及常見命令
示例：在d盤，新建文件夾es6，文件夾裏新建一個文件es6.js。 （1）先全局安裝babel-cli，輸入命令npm install babel-cli -g （2）輸入d:( 進入d盤)，再輸入cd es6(進入es6文件夾) （3）
2018-08-22 16:55:25
原创 ES6和ES5語法區別（默認參數、對象代理）
4.默認參數 1.es3/es5/es6中如何給默認參數賦值 ？ 舉個例子，函數傳入x,y,z參數相加，如果y,z不傳入值。則默認爲2、3 //ES3、ES5 function foo(x,y,z){ if(y === undef
2018-08-22 16:55:24
原创 ES6和ES5語法區別（常量、作用域、箭頭函數）
1.常量 在ES3中，沒有常量這一說。 在ES5中，通過變量的定義只讀，不可修改。 在ES6中，用const定義常量也是隻讀，不可修改。 舉個例子,設置圓周率PI的值： //es5寫法 Object.defineProperty(wi
2018-08-22 16:55:24