原创 在vue中使用speak-tts文字轉語音播放
1、拉包 npm install speak-tts 2、在頁面中引入 import Speech from 'speak-tts' // es6 3、初始化以及實現 data () { return {
2020-06-20 09:33:12
原创 在echarts中圓環圖中間 自定義圖片引入
首先 打開echarts官網實例 https://www.echartsjs.com/examples/zh/editor.html?c=pie-doughnut 其次複製代碼 app.title = '環形圖'; opti
2020-06-20 09:33:12
原创 canvas繪製多邊形並填充
<body> <canvas id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;"></canvas> </body> <sc
2020-06-20 09:33:12
原创 在vue中使用音頻wavesurfer.js
效果圖 首先引入wavesurfer.js 其次 封裝 wavesurfer.js` <template> <div class="waveformOuter"> <div id="waveform" ref="
2020-06-20 09:33:01
1
原创 echarts 在vue中配置漸變折線圖
效果圖 直接上代碼 option = { title: { text: '平臺收入統計', x: 'center',//水平安放位置，默認爲'left'，可選爲
2020-06-20 09:33:01
原创 react（16.13.1）項目創建（三）（頁面佈局，路由封裝，css模塊）
src目錄新增文件，router目錄下index.js 導出了包含路由和菜單的一個數組； pages目錄存放開發所需要的所有頁面文件；components目錄存放整個項目中所有的公共文件。目前已經完成頁面的基本佈局和路由模塊封裝，
2020-05-26 02:35:08
原创 react（16.13.1）項目創建（二）（antd，react-router-dom，styled-components）
1.安裝 antd npm install antd --save 2.在App.js中 引入 import 'antd/dist/antd.css'; 3.安裝 react-router-dom npm install re
2020-05-26 02:35:08
原创 react（16.13.1）項目創建（一）
1.安裝react npm install -g create-react-app 2.創建項目 create-react-app react-antd 3.簡化項目 4.pubilc目錄 index.html 5.sr
2020-05-26 02:35:08
原创 前端項目時因chunk-vendors過大導致首屏加載太慢的優化 (轉載)
因app首頁加載不流暢，於是去檢查首頁加載項的耗時，最終發現是前端加載時js文件太大，導致首頁加載太慢，於是選擇了以下方案進行優化。 一、安裝compression-webpack-plugin插件。前端將文件打包成.gz文件，然
2020-05-09 13:42:09
10
原创 mpvue創建項目
首先，使用mpvue框架可以在常用的開發工具中開發，也可以在微信開發者工具中開發； 1、檢查vue版本 vue -V 2、創建項目 vue init mpvue/mpvue-quickstart wx-mpvue ?
2020-03-10 21:33:31
原创 在vue中 使用JsSIP
第一步 拉取jssip npm i jssip-for-node 第二步 點擊簽入的時候，要判斷當前瀏覽器是否支持麥克風 打開谷歌 右擊屬性 更改目標--unsafely-treat-insecure-origin-as
2020-02-24 09:55:21
62
原创 iview table 表格實現 單列超出隱藏 鼠標懸浮出現詳情
效果圖 直接複製粘貼下面代碼 就可以 { title: '交易訂單號', align: 'center', key: 'id', m
2020-02-24 09:55:21
原创 一些常用的 js 函數 ：時間處理， 一鍵複製剪貼板 ，一個元素 和數組比較 並返回相同的值的 下標 ，rgb顏色隨機
//時間處理 function getYYYYMMDD(str) { let nDate = new Date(str) let nYear = nDate.getFullYear() let nMo
2020-02-24 09:55:21
原创 vue項目常用的 處理函數
//校驗結果狀態 export function manualCheckResultMethod(level, salary) { if (level != "" || level != undefined || lev
2020-02-24 09:55:21
原创 echarts 在vue中配置漸變 圓環圖
效果圖 直接上代碼 // 繪製圖表 let option = { tooltip: { trigger: 'item', formatter:
2020-02-24 09:55:11