原创 原生的audio不支持amr音頻解決辦法

方法一:格式轉換(水平和時間有限,而且操作麻煩,暫時放棄) 方法二:使用 benz-amr-recorder(推薦) 下載和引入(我用的vue所以直接npm) npm install benz-amr-recorder con

原创 Cookie 和Session、WebStorage

前言:cookie和Session都是用來跟蹤瀏覽器用戶身份的會話方式。 Cookie   由於http是無狀態的協議,一旦客戶端和服務器的數據交換完畢,就會斷開連接,再次請求連接,又需要重新驗證,所以必須找到一種方法讓服務端記住

原创 Vue中的slot插槽

前言:之前學VUE對插槽只有一個模糊的存值概念,最近在封裝自定義組件時,再次學習一下。 通過slot插槽向組件內部指定位置傳遞內容,通過slot可以父子傳參,簡化了進行自定義組件的封裝和使用。 自己對插槽理解 就是一個站位HTML

原创 mpvue引入echarts之後vendor.js文件過大

在build/webpack.base.conf.js下添加: var UglifyJsPlugin = require('uglifyjs-webpack-plugin') new UglifyJsPlugin({

原创 JS時間戳轉日期格式

在公共文件夾中封裝 @/utils/validate.js export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.re

原创 使用echarts模擬立體柱形圖

注意:請使用echarts v4.4.0以上版本 相關API介紹 graphic——ECharts 圖表中原生圖形元素組件 graphic 可以支持包括:image,circle,ring,polygon,rect,bezie

原创 vue集成openlayers

下載依賴 cnpm i -S ol 創建地圖文件 <div class="map"></div> 按需引入相應的API,具體查看官方文檔 <script> import Map from "ol/Map"; import

原创 JS模版字符串中佔位符替換成對象中的key值

getReplaceStr(str, obj) { for (let key in obj) { str = str.replace(new RegExp('\\{\\{' + key + '\

原创 web前端的內存泄漏

什麼是內存泄漏 JavaScript中的內存泄漏就是被分配的內存沒有被使用,但是也不能被回收的一種現象。簡單來說,我們已經無法再通過js代碼來引用到某個對象,但垃圾回收器卻認爲這個對象還在被引用,因此在回收的時候不會釋放它,這樣導

原创 vue+axios封裝一個文件流導出

在main.js裏全局註冊組件 import Download from '@/components/DownLoad/index' Vue.component('Download', Download); 在app.vu

原创 npm配置文件package.json的屬性說明

name 必須,包名。 "name": "Guagua" version 必須,包的版本號。 "version": "3.7.2" description 包的描述。 "description": "Guagua"

原创 解決el-table表頭控制顯示隱藏引起的抖動

項目需求 表頭內容選擇項更改爲 字段選擇,點擊後可勾選(多選)控制顯示內容 問題原因 el-table在重現渲染的時候,td(.cell)的高度被重新計算了,整個table的高度就發生了變化,產生抖動的效果 解決辦法

原创 el-select實現全選多選

需求:下拉框在實現多選的情況下加一個全選,現實全選反選 <el-select v-model="selectData" @change="handleSelect"

原创 常用文件上傳限制以及element && element accept上傳使用

普通校驗上傳文件 /* * 校驗上傳文件 * */ export function validUploadFile(type = 'img', file) { if (!file) { file = type;

原创 echart柱形圖hover後柱子會消失

柱形圖正常展示: 鼠標移入柱形圖以後: 解決辦法:顏色的設置採用rgba就沒問題了 點贊 收藏 分享 文章舉報 呱呱•.• 發佈了52 篇原創文章 · 獲贊 29