原创 Vue 如何利用 vuex 永久儲存數據
首先需要在 vue項目上 安裝 vuex 與 vuex-persistedstate npm i vuex npm install --save vuex-persistedstate 1. 在 src 目錄下 創建 "sto
2019-06-10 21:25:02
原创 將Base64轉 file 對象 ，將圖片轉Base64
//將圖片轉換爲Base64 function getImgToBase64(url,callback){ var canvas = document.createElement('canvas'), ctx = canva
2019-05-08 09:12:54
原创 vue 可讀寫的全局變量
如果想隨時修改全局變量的值，有一種辦法：main.js中data定義，其他地方通過 this.$root.{paramName} 來引用/修改 1. main.js 中定義 new Vue({ router, dat
2019-05-01 00:49:38
原创 JS 對象合併方法Object.assign()
方法： Object.assign() var o1 = { a: 1 }; var o2 = { b: 2 }; var o3 = { c: 3 }; var obj = Object.assign(o1, o2, o3)
2019-04-26 01:44:39
原创 CSS 單行 文字兩端對齊 方法！
要實現的最終效果： 方法1： div代碼 <div class="strong_center">商品合計</div> css代碼 .strong_center{ text-align: jus
2019-04-18 18:57:42
原创 vue-cli 腳手架 安裝
一、 node安裝 1）如果不確定自己是否安裝了node,可以在命令行工具內執行： node -v （檢查一下 版本）； 2）如果 執行結果顯示： xx 不是內部命令，說明你還沒有安裝node , node 安裝地址：http:/
2019-03-29 18:50:13
原创 js Class 與 普通構造函數有何區別
一、js構造函數 let myCanvas = this.$refs.myCanvas var ctx = myCanvas.getContext('2d') function Circle (x, y,
2019-03-22 18:53:12
原创 vue 使用 Canvas 在畫布上 添加圖片
首先在template 裏面創建一個dom <div style="display:none"> <img ref="conf0" src="../../assets/image/tx.jpg"> </div> 然後畫圖代碼 這
2019-03-20 18:47:19
11
原创 vue 圖表 echarts 圖表在vue cli 的項目中使用方法！
官方網址 https://echarts.baidu.com NPM 安裝： npm install echarts -S 首先需要全局引入 》 在main.js中 // 引入echarts import 'echarts/lib/
2019-03-18 18:47:05
2
原创 IE6 下 如何 畫三角形 ！ 方法
IE6下畫三角形方法： #wrap .sjx { width: 0px; height: 0px; border-width: 40px; border-style: dashed solid dashed dashed
2019-03-13 17:24:31
原创 map() 的使用方式 （數組循環Map()）， reduce() 的使用方法 ， filter() 的使用方法， forEach()
做爲數組 循環的map( ) 方法 map 通俗講 就是 進去 幾條數據，就會 返回幾條數據 let arr2 = [ 60, 30, 40, 99, 80, 65, 70, 15 ] // map 有個返回值 let re
2019-03-10 03:47:48
1
原创 Promise 的使用 以及 async ， await ，Promise.all 使用方法
代碼 是直接拷貝 項目中寫的 沒有做簡化 許多內容 是調用 項目中的數據 可以忽略掉 1.代碼中 uploadSectionFile() 是封裝的 上傳圖片到阿里雲的一個公用方法，其結果 用 Promise 返回 代碼示例：
2019-03-06 17:36:01
1
原创 JS sort() 排序方法
let arr = [88, 66, 33, 45, 85, 3, 6, 7] // 原生寫法 arr.sort(function (n1, n2) { return n1 - n2
2019-03-04 00:57:43
原创 Vue 兼容IE cdn 引用 babel-polyfill
方案1：在 webpack.config.js 文件中，entry 入口處修改，加入即可 "babel-polyfill":"babel-polyfill",//用來解決的兼容性 例如： entry: { "babel-pol
2019-02-21 22:48:15
20
原创 npm安裝卸載命令
npm安裝模塊 【npm install xxx】利用 npm 安裝xxx模塊到當前命令行所在目錄； 【npm install -g xxx】利用npm安裝全局模塊xxx； 本地安裝時將模塊寫入package.json中： 【npm in
2019-02-21 22:48:15