原创 Vue中整合使用wavesurfer.js聲紋可視化插件
前言：Wavesurfer.js是一款基於HTML5 canvas和Web Audio的聲紋可視化插件，功能十分強大，在Vue框架中嵌入使用該插件效果圖如下： 1、第一步：使用以下命令安裝wavesurfer.js插件庫 npm in
2020-03-04 07:33:17
原创 vue引用本地靜態資源（圖片、音頻、視頻）
說明：本文章用於說明引用項目下本地資源（圖片、音頻、視頻）的引用方式，從後臺服務器獲取的資源並不完全適用 1、第一種引用方式：直接在<template>中引用，src中使用相對地址 <template> <div id="app">
2020-03-03 12:37:34
1
原创 idea中導入maven項目並運行
1、第一步：導入maven項目 （1）選中File-New-Project From Existing Sources （2）找到項目所在位置，並選中pom.xml文件，點擊“ok” （3）勾選下圖標紅部分，點擊“next” （4）
2020-02-29 04:56:27
原创 如何在GitLab上新建空白項目（Blank project）
1、第一步：點擊“New project”新建項目 2、第二步：在“Blank project”模塊中填寫相關信息
2020-02-29 04:56:27
原创 將項目初始化提交到GitLab上
1、第一步:在GitLab上創建一個空的新項目，教程詳見以下鏈接 https://blog.csdn.net/zrcj0706/article/details/104550851 2、第二步：如果你電腦上是第一次使用該GitLab鏈接（非
2020-02-29 04:56:27
原创 將壓縮後的.min.css文件還原成.css文件
1、第一步：打開.min.css文件 2、第二步：ctrl+A全選，複製 3、粘貼到css在線美化工具內 （1）百度搜索“css在線美化工具” （2）單擊進入第一個鏈接（https://tool.lu/css/），效果圖如下 （3）
2020-02-27 21:36:08
原创 Vue中控制組件的呈現與隱藏
1、v-if和v-else和v-else-if v-if指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回truthy值得時候被渲染 用v-else添加一個“else塊”，當v-if爲true時，此組件將被渲染，v-else表示
2020-02-25 01:39:11
原创 html+css+js實現內容的收縮與展開
1、說明：設置指定高度，當內容超過事先設置的高度時，便會出現“查看更多”按鈕，單擊“查看更多”超出內容變回展開同時“查看更多”切換成“收起”按鈕，單擊“收起”，超出內容便會被收縮 2、實現效果圖 3、html代碼如下： <!DOCTY
2020-02-25 01:39:11
原创 Vue中通過el-upload組件實現上傳前預覽本地圖片
1、實現效果如下圖所示 用戶選擇本地待上傳的圖片，選擇成功後，上傳組件隱藏，呈現本地預覽組件，單擊圖片並實現圖片的放大呈現 2、template（相當於html）部分的代碼如下 代碼實現邏輯： 在el-upload組件中，將auto-u
2020-02-25 01:39:11
4
原创 vs code中git的使用
1、首先要下載‘msysgit’然後安裝到電腦要不然vscode中的git是不能用的，安裝教程如：http://blog.csdn.net/zrcj0706/article/details/795439492、如果遠程倉庫已存在項目（本文
2020-02-25 01:39:11
原创 搭建vue框架的前置學習環境
1、整體概括 使用vue框架需要一些前置環境，如下圖所示，包括IDE編輯器、Node.js、調試環境、工程環境 2、IDE(Visual Studio Code) 筆者推薦大家使用的IDE編輯器爲Visual Studio Code（親
2020-02-25 01:39:11
原创 淺談.vue文件模板結構
如上圖所示，.vue文件由<template>、<script>、<style>三部分組成，分別對應html文件中的html、JS和css部分。其中template部分可以引用其他頁面實現的子組件，而且該組件需在script部分使用im
2020-02-25 01:39:11
原创 vue中遍歷呈現數據
1、應用場景 進行網絡請求後，前端經常可以得到一個json數組，裏面包含多條數據，顯然一條一條呈現已經不能滿足需求，需要遍歷呈現 2、vue中通過v-for實現遍歷數據 用 v-for 指令基於一個數組來渲染一個列表 v-for 指令需要
2020-02-25 01:39:11
原创 vue項目目錄結構及運行的基本原理
1、Vue項目目錄結構（通過vue create使用默認配置創建的Vue項目） 2、項目運行基本原理 作爲初學者我們不需要上來就完全明白整個項目的邏輯，可以先從宏觀上理解大概，隨着學習的深入慢慢便會明白。 初始項目運行效果如上圖所示，
2020-02-25 01:39:11
原创 使用vue-cli工具搭建vue前端項目
1、環境要求 使用vue-cli搭建vue前端需要一定的前置環境： ①需要配置Node.js環境，並且Vue CLI要求Node.js版本8.9 或更高版本 (推薦 8.11.0+) ②安裝完 Node 後建議設置 npm 鏡像以加速後面
2020-02-25 01:39:11