原创 關於axios安裝及使用

安裝 npm install axios 結果跑的時候報錯了額(T▽T) 再命令 npm install --save axios vue-axios 在入口文件main.js 裏面配置 import Vue from 'vue'

原创 關於單文件組件

文件擴展名爲 .vue 的 single-file components(單文件組件) 使用 webpack 或 Browserify 等構建工具 標籤保存實例: 模板文件: 1.輸入框組件 BaseInputText.vue:

原创 vue 渲染函數 & JSX

createElement 參數 接下來你需要熟悉的是如何在 createElement 函數中生成模板。這裏是 createElement 接受的參數: // @returns {VNode} createElement( //

原创 Vue 動畫效果過渡模式

相同標籤名的元素切換 <div id="demo"> <transition> <button v-bind:key="isEditing" v-on:click="isEditing = !isEditing">

原创 Generator實現抽獎業務邏輯和長輪詢邏輯

在接觸ES6又get了一些業務邏輯的實例方法。 抽獎業務邏輯 限制抽獎次數,不再把次數限制保存在全局變量,避免別人修改了次數。從服務端傳參進來,增加了安全性。 let txt = document.createElement('p');

原创 Proxy和Reflect數據校驗

//提供代理模塊 function validator(target,validator){ return new Proxy(target,{ _validator:validator

原创 ES6項目構建工具使用(完整版)

最近學習用ES6語法寫項目,因爲瀏覽器目前不支持ES6語法 (特別IE8以下的瀏覽器不支持ES5—6),無法部署到線上,爲了必須構建支持ES6的環境, 所以重新整理下需要的開發工具,避免以後遇坑。 gulp(任務自動化工具) gulp文檔

原创 ES6筆記上(深入淺出ES6—阮一峯)

在線轉換 Babel 提供一個REPL在線編譯器,可以在線將 ES6 代碼轉爲 ES5 代碼。轉換後的代碼,可以直接作爲 ES5 代碼插入網頁運行。 let和const命令 let和var的區別 var a = []; for (var

原创 webpack安裝(構建ES6的編譯環境)

1.在此之前先安裝Git,安裝node.js 先全局安裝 “npm install webpack -g” “npm install webpack-dev-server -g” 2.新建一個文件 例如“es6-webpack”,然後鼠

原创 ES6和ES5語法區別(Reflect對象和Object對象 )

概述 Reflect對象與Proxy對象一樣,也是 ES6 爲了操作對象而提供的新 API。 現階段,某些方法同時在Object和Reflect對象上部署,未來的新方法將只部署在Reflect對象上。也就是說,從Reflect對象上可以拿

原创 ES6文檔 思維導圖筆記

最近學習了ES6語言。選了幾個章節整理了筆記。。。 API ECMAScript 6入門——阮一峯 set和map數據結構 Iterator和for…of循環 Generator 函數 promise對象

原创 ES6筆記下(深入淺出ES6—阮一峯)

Symbol ES6引入了一種新的原始數據類型Symbol,表示獨一無二的值。它是JavaScript語言的第七種數據類型,前六種是:Undefined、Null、布爾值(Boolean)、字符串(String)、數值(Number)、對

原创 es6 babel轉碼器安裝配置及常見命令

示例:在d盤,新建文件夾es6,文件夾裏新建一個文件es6.js。 (1)先全局安裝babel-cli,輸入命令npm install babel-cli -g (2)輸入d:( 進入d盤),再輸入cd es6(進入es6文件夾) (3)

原创 ES6和ES5語法區別(默認參數、對象代理)

4.默認參數 1.es3/es5/es6中如何給默認參數賦值 ? 舉個例子,函數傳入x,y,z參數相加,如果y,z不傳入值。則默認爲2、3 //ES3、ES5 function foo(x,y,z){ if(y === undef

原创 ES6和ES5語法區別(常量、作用域、箭頭函數)

1.常量 在ES3中,沒有常量這一說。 在ES5中,通過變量的定義只讀,不可修改。 在ES6中,用const定義常量也是隻讀,不可修改。 舉個例子,設置圓周率PI的值: //es5寫法 Object.defineProperty(wi