原创 axios下載Excel

在vue文件中 import axios from "axios"; methods: { // 獲取excel文件流 getExcel(){ axios({ headers: { "Content-dis

原创 vue使用ECHarts並封裝

npm安裝echarts npm install echarts -S , 也可以 選擇需要的模塊,在線定製下載 在 assets 中創建echarts文件夾放echarts-plug.js 開始封裝 ——————————

原创 jQuery三級聯動插件

jQuery模仿element-ui三級聯動,箭頭圖標用的layui裏面的,可以自定義。數據用的本地三級聯動數據,也可以改爲後臺數據 缺點: 1.考慮到大部分頁面只需要使用一次,所以每個頁面只能用一次。 2.暫時不能配置(後續會

原创 vue插件封裝

插件通常用來爲 Vue 添加全局功能。插件的功能範圍沒有嚴格的限制——一般有下面幾種: 1 添加全局方法或者 property。如:vue-custom-element 2 添加全局資源:指令/過濾器/過渡等。如 vue-touc

原创 js h5 調手機撥號和發送短信功能

一鍵撥號的電話撥打功能: <a href="tel:13764567708">移動WEB頁面JS一鍵撥打號碼諮詢功能</a> window.location.href = 'tel:17696969696 一鍵發送短信功

原创 vue根據環境自動更換打包地址

在vue項目中測試環境和線上環境打包的時候每次都需要手動更換打包地址導致有時候忘記需要重寫打包; 自動更換打包地址:原理很簡單判斷訪問域名更換地址; //1.定義所有環境服務器地址 const server={ pro

原创 axios請求攔截和響應攔截封裝+自動切換打包地址

在src下創建axios文件夾 在axios文件夾中添加api,js和config.js config.js中 // 引入需要用到的資源,qs和element可以百度搜索怎麼下載 import axios from "ax

原创 Express中supervisor使用

supervisor 在開發過程中,每次修改代碼保存後,我們都需要手動重啓程序,才能查看改動的效果。使用 supervisor 可以解決這個繁瑣的問題,全局安裝 supervisor: npm install -g supervi

原创 js進階 請求優化,渲染優化,JS優化

1.請求優化 節流函數:一般用於,類似按鈕請求這些,防止你一秒點擊多次按鈕產生重複請求, 防抖函數:一般用於,類似實時監聽input的請求,防止請求過多 合理的應用緩存減少CPU計算、減少網絡請求 2.渲染優化

原创 前端一鍵切換深色模式

切換主題色傳統方式是切換css包獲取用less,sass定義變量控制主題色,複雜而且不易維護; 推薦一個插件 Darkmode.Js,一鍵切換深色模式 使用方法 引入Darkmode.Js,有兩種方式: 通過script

原创 壓縮base64圖片大小

項目中上傳頭像base64圖片太大導致上傳時間過長,或者後臺奔潰問題,所以前端壓縮base64大小解決這個問題 原理使用canvas進行圖片壓縮 參數說明: base64String:需要壓縮的base64圖片 w: 圖片的原始

原创 nativefier打包及配置nativefier

用nativefier快速生成安裝包 安裝node.js(電腦沒有安裝在百度搜一下node.js去官網下載) 安裝nativefier,進入命令行界面,執行命令:npm install nativefier -g安裝全

原创 js常用的正則及封裝

調用方法 valida("驗證類型","驗證字符串") if (!valida('money', str)) { alert('輸入的金額有誤'); } 正則方法 function va

原创 vue使用websocket及封裝

創建websocket.js const WSS_URL = `wss://wss.xxxx.com/ws?appid=xxx` let Socket = '' let setIntervalWesocketPush = nu

原创 js通過身份證計算年齡

如果把身份證號碼傳到頁面上,在前端頁面獲取年齡就需要用到JS腳本了: 示例: let age = GetAge('110101199003070337') function GetAge(identityCard) {