原创 js中常用字符串方法總結

includes() 判斷一個字符串是否包含其他字符串 // 返回布爾值, 表示是否找到了參數字符串 let s = 'Hello world!' s.includes('0') // true // 支持第二個參數,表示開始搜索的位置

原创 前端 ArrayBuffer 與 Blob 互轉

首先說一點基礎知識: responseType 可選的參數有:"text"、"arraybuffer"、"blob" 或 "document"; 對應的返回數據爲 DOMString、ArrayBuffer、Blob、Documen

原创 el-select組件的options條數過多時的解決方案

業務場景 當使用el-select組件時,如果options數量過多,會存在的弊端: 頁面渲染出大量el-option節點,會導致頁面卡頓甚至卡死,用戶體驗極差。 選擇時條目衆多,查找困難。 本次我遇到的場景是options

原创 ECMAScript 6常用知識點及實例整理,包含(ECMAScript 7/8/9)

提示:文章篇幅較長,涉及知識點較多,建議收藏後觀看。 目錄 let 和 const 解構賦值 箭頭函數的使用 模板字符串 函數默認參數 展開運算符 對象字面量 與 class Promise 數組新增方法 對象新增方法 指數函數的中綴形式

原创 Live2D的基礎使用

 效果圖: 代碼如下: <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></s

原创 我們窮極一生,究竟追尋的是什麼?

  王羲之說:夫人之相與,俯仰一世,或取諸懷抱,悟言一室之內;或因寄所託,放浪形骸之外。 人這一生,如曇花一現。如草木春綠秋枯,如曦月東昇西落。 但偏偏這一生慾望卻有很多。 小時候溪頭臥剝蓮蓬,忙趁東風放紙鳶,急走追黃蝶,也傍桑陰學種瓜,

原创 vue cli3配置文件vue.config.js中配置解析

//vue.config.json const path = require('path'); // const vConsolePlugin = require('vconsole-webpack-plugin'); // 引入 移動

原创 ES11新特性概覽

目錄String.prototype.matchAll - 由 Jordan Harband 提出import() - 由 Domenic Denicola 提出BigInt – 任意精度整數,由 Daniel Ehrenberg

原创 代碼編輯器插件:Monaco Editor的基本使用

安裝 1、monaco-editor和monaco-editor-webpack-plugin安裝 npm install monaco-editor --save-dev npm install monaco-editor-webp

原创 CSS3中transform屬性詳解

兼容性 Internet Explorer 10、Firefox、Opera 支持 transform 屬性。 Internet Explorer 10、Firefox、Opera 支持 transform 屬性。 Intern

原创 ES6新增方法:startsWith()方法和endsWith()方法來判斷字符串以什麼開頭或者什麼結尾

ES6新增方法:startsWith()方法和endsWith()方法來判斷字符串以什麼開頭或者什麼結尾 startsWith()方法 該startsWith()方法確定字符串是否以指定字符串的字符開頭,返回true或false視

原创 2020年初關於新型冠狀病毒引起的思考

1、保證良好的現金流:(起碼因各種不可抗力,如疫情或失業、不工作)可供6個月的現金儲蓄,簡單的計算,例如:在外工作的人,房租+吃喝基本開銷=4000月每個月,6個月=3萬元現金在手裏。(如果住在本地家裏,沒有租房支出,單純的吃喝基本開銷,

原创 Canvas繪製箭頭

Canvas的 CanvasRenderingContext2D 對象中是沒有提供繪製箭頭的方法,也就是說,如果我們需要在Canvas中繪製箭頭是需要自己封裝函數來處理的。 封裝函數 // ctx:Canvas繪圖環境 // fromX

原创 element-ui中el-select下拉框選項過多的優化方案

el-select中options數據超過3000條就會造成前端頁面明顯卡頓,本次我的遇到的業務場景數據是近2w條,因此在不優化的情況下頁面壓根無法使用,下面給出我的優化過程。 一種優化思路:  element-ui的select有一個r

原创 前端對圖片處理的方法總結

將以base64的圖片url數據轉換爲Blob 可以直接上傳文件  /** * 將以base64的圖片url數據轉換爲Blob 可以直接上傳文件 * @param urlData * 用url方式表示的base64圖片數據 */