原创 Array()數組操作
1.shift():從集合中把第一個元素刪除,並返回這個元素的值 var arr= ["a","b","c","d","e","f"]; var result= arr.shift(); console.log(arr); //["
原创 vue中配置開發環境、測試環境、生產環境
前言:開發過程、測試過程、生產過程使用的接口地址不能,還有執行的操作可能也不一樣,也就需要實現配置好開發環境、測試環境、生產環境,需要什麼環境下的配置直接使用即可。 1、根目錄下新建文件:.env.development(開發環境)、.e
原创 淺析wavesurfer.js中的各大監聽事件
前言:vue中嵌入使用wavesurfer.js的教程詳見:https://blog.csdn.net/zrcj0706/article/details/104635357 1、在使用wavesurfer.js插件時,可以設置各種監聽事件
原创 WaveSurfer.js插件中WaveSurfer.create時的參數(options)配置含義
前言:vue框架嵌入使用WaveSurfer.js的方法,詳見此文章:https://blog.csdn.net/zrcj0706/article/details/104635357 1、WaveSurfer.create時的實現效果和參
原创 vue中使用svg類型圖標
1、第一步:安裝解析svg類型圖標的依賴庫 npm install svg-sprite-loader --save-dev 2、配置vue.config.js文件,代碼如下 chainWebpack(config) {
原创 react-router 4.2.0頁面跳轉-傳參與不傳參
1.不傳參 第一步:定義route import Login_Index from '../components/Login_Index.js';//引入頁面 <Route path="/Login_Index " comp
原创 vue中自定義element-ui組件庫的主題顏色
前言:在項目中直接修改element的樣式變量,前提是需要使用scss編寫,這就需要首先在項目中安裝可以解析scss文件格式的插件 1、第一步:安裝解析scss文件格式的插件sass-loader,node-sass npm insta
原创 淺析vue中wavesurfer.js的Regions插件的使用
前言:vue中嵌入使用wavesurfer.js的教程詳見:https://blog.csdn.net/zrcj0706/article/details/104635357 1、Regions插件的使用效果如下圖所示 2、Regions
原创 vue框架中使用fontAwesome圖標
1、第一步:安裝fontAwesome圖標依賴 npm install fontAwesome --save 2、第二步:在main.js中引入fontAwesome圖標依賴 import 'font-awesome/css/fon
原创 使用vue-cli默認配置新建項目後的打包配置方法
新建vue.config.js文件,並配置publicPath(基本路徑,相對路徑)和outputDir(打包後輸出文件目錄) module.exports = { // 基本路徑,相對路徑 publicPath: "
原创 vue中配置使用element-ui組件庫
1、第一步:使用以下命令安裝組件庫依賴 npm install element-ui --save 2、第二步:在main.js文件中配置如下代碼 import Vue from 'vue' import App from '.
原创 淺析wavesurfer.js中各大方法的使用
前言:實現效果如下,包含後退,播放暫停,前進,指定播放,音量,播放倍速修改等功能 vue中嵌入使用wavesurfer.js的教程詳見:https://blog.csdn.net/zrcj0706/article/details/1046
原创 淺析vue中wavesurfer.js的Minimap插件的使用
前言:vue中嵌入使用wavesurfer.js的教程詳見:https://blog.csdn.net/zrcj0706/article/details/104635357 1、Minimap插件的使用效果如下圖所示 2、Minimap
原创 淺析vue中wavesurfer.js的Timeline插件的使用
前言:vue中嵌入使用wavesurfer.js的教程詳見:https://blog.csdn.net/zrcj0706/article/details/104635357 1、Timeline插件的使用效果如下圖所示 2、Timeli
原创 淺析vue中wavesurfer.js的cursor插件的使用
前言:vue中嵌入使用wavesurfer.js的教程詳見:https://blog.csdn.net/zrcj0706/article/details/104635357 1、cursor插件的使用效果如下圖所示 2、cursor插件