原创 vue中的jsx語法用於element表格

用於element中的表格操作按鈕區域 1. 正常的寫法 { label: '編輯', prop: '', width: 150, render: (h, { row }) => { const { onl

原创 JS文件在webstorm中報錯

File----Settings----Languages & Frameworks------- JSHint/JSLint

原创 文件下載預覽導出

/*** * Blob對象表示一個不可變,原始數據的類文件對象,如果要從其他非Blob對象和結構構建一個Blob,需要使用Blob()構造函數, 如

原创 js+css實現進度條

其實實現進度條的方法最簡單的就是先定義好這個標籤的背景顏色這樣容易區分,還要設置好高端,一開始寬度爲0,隨之寬度的增寬進度條也會隨之變長。 <div class="propess"></div> .propess{ bac

原创 webpack打包報錯DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead

在使用extract-text-webpack-plugin給webpack打包時出現報錯 是因爲這個插件現在不兼容webpack4x版本,可以使用最新的測試版本 下載最新測試版本 npm install extract-tex

原创 JS中常見的Array方法

​對於JS中的數組(Array)我們經常使用,今天總結了一下常見的Array方法。 1. length 數組長度 let arr = ['a', 'b', 'c', 'd']; console.log(arr.length

原创 將上傳的文件在本地預覽

將上傳的文件在文本預覽 var reader = new FileReader(); let that = this; reader.readAsDataURL(file.file); reader.onload = functi

原创 JS數組中的reduce()方法

reduce() 方法接收一個函數作爲累加器,數組中的每個值(從左到右)開始縮減,最終計算爲一個值。 注意: reduce() 對於空數組是不會執行回調函數的。 reduce() arr.reduce(callback, ini

原创 npm run dev因爲端口號被佔用報錯

Error: listen EADDRINUSE: address already in use :::8084 at Server.setupListenHandle [as _listen2] (net.js:1270

原创 git實際應用碰到的問題

問題1:遠程有dev, test兩個分支,本地有一個dev用來開發,現在本地創建一個test,與遠程相關聯。後續通過在本地的test分支合併dev分支,然後上傳到遠程的test分支 第一次(初始化): 1. 由dev切換到test

原创 將返回的流數據轉換爲url

// 將返回的流數據轉換爲url getObjectURL(file) { let url = null; if (window.createObjectURL != undefined) { // bas

原创 使用a標籤下載文件時成了預覽,並非是下載

function downloadFile(){ var request = new XMLHttpRequest(); request.responseType = "blob"; let fileUrl = "https

原创 JS中常見的String方法

對於JS中的字符串(String)我們經常使用,今天總結了一下常見的String方法。 1. length 檢測字符串的長度 let str = 'abcdef'; console.log(str.length); 2

原创 Base64 在HTML中的使用

// Base64 在HTML中的使用 <img src="data:image/jpg;base64,/9j/4QMZR..." />

原创 video標籤常見的問題

src: 視頻路徑 muted: 靜音播放 autoplay: 視頻準備好後自動播放 loop:輪播 height: 高度 width:寬度 preload:規定是否預加載視頻,可能的值: auto - 當頁面加載後載入整個視頻