原创 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插件