原创 vue項目優化--引入cdn文件
目的 爲了減少webpack打包之後包的體積,可以將一些不常改動的第三方的庫放在cdn上。這裏會用到webpack的插件html-webpack-plugin 脫離vue-cli腳手架，webpack的做法 安裝html-webpack-
2020-06-16 00:26:00
原创 rel=preload進行內容預加載
背景 <link> 元素的 rel 屬性的屬性值preload能夠讓你在你的HTML頁面中 <head>元素內部書寫一些聲明式的資源獲取請求，可以指明哪些資源是在頁面加載完成後即刻需要的。對於這種即刻需要的資源，你可能希望在頁面加載的生
2020-06-16 00:26:00
1
原创 Vue-cli3.0引入全局預加載樣式---以less爲例
方式一: 自動化導入 1.npm安裝style-resources-loader 2.在vue.config.js中添加以下代碼: const types = ['vue-modules', 'vue', 'normal-module
2020-05-15 02:50:52
2
原创 vue腳手架切換以及切換過程中遇到問題的解決方案
之前一直用vue-cli2.0開發項目,突然之間用vue-cli3.0竟然不知道從何處下手,見笑了.. vue-cli2.0切換到vue-cli3.0需要先卸載2.0的,然後再安裝3.0的 卸載: npm uninstall vue-c
2020-02-22 16:10:55
1
原创 windows環境搭建Vue開發環境
1.基本安裝一、安裝node.js（https://nodejs.org/en/） 下載完畢後，可以安裝node，建議不要安裝在系統盤（如C：）。 二、設置nodejs prefix（全局）和cache（緩存）
2020-02-22 16:10:55
原创 你可能不知道console強大
閱讀目錄寫在前面谷歌控制檯Elements面板查看元素上綁定的事情樣式操作總況console.logconsole.infoconsole.errorconsole.warnconsole.debugconsole.dirxmlconso
2020-02-22 16:10:55
原创 複雜數組以及對象的深度拷貝
javascript] view plain copy//測試用例 var obj = { name: "ceshi", age: 12, l
2020-02-22 16:10:55
原创 正則表達式(手動整理,手動編寫)
1.驗證0-100(不能等於0,等於100,精確小數點後兩位) /^((0\.\d{0,2})|([1-9]{1,2}(\.[0-9]{1,2})?)|100)$/ 2.大於0的數字 /^([1-9]\d*)$|^([1-9]\d*(
2019-07-30 10:05:48
原创 vue--前端接收後臺傳過來的excel文件數據,並在前端做下載
一.思路: 1.利用Bold接收數據 2.利用a標籤做文件下載 二.相關代碼 axios.post(url, queryParams, { responseType: 'arraybuffer' }).then((_res) => {
2019-06-26 14:29:41
2
原创 elementUI上傳過程中限制尺寸
要點: 1.上傳之前的的鉤子函數 2.利用promise返回圖片加載的狀態 代碼如下: beforeAvatarUpload (res, file) { const isSize = new Promise((resolve
2019-06-26 03:07:05
原创 解決Chrome插件安裝時出現的“程序包無效”問題
轉自：https://blog.csdn.net/ysq5202121/article/details/50809494 某些用戶在Chrome插件網下載了Chrome插件後，不知道怎麼才能把它安裝到Chrome瀏覽器中，用戶可以根據
2019-03-31 00:19:49
1
原创 谷歌調試Node
1.運行目標腳本: node -inspect xx.js;打開瀏覽器訪問：127.0.0.1:端口號 2.在Chrome瀏覽器的地址欄輸入：chrome://inspect或者about:inspect；回車 3.點擊inspect
2019-03-11 21:31:23
原创 js工具庫(更新中......)
1.獲取路徑中的參數: function getUrlParams(href) { var theRequest = new Object(); if(!href) href = location.hre
2018-12-23 21:03:09
原创 設計模式-----知悉new創建過程
new創建對象的過程 (1)新創建一個對象(object) (2)執行構造函數中的代碼初始化對象 (3)返回對象 實例: var Test = function (price, num, name) { var _item =
2018-12-23 21:03:09
原创 javaScript設計模式學習(一)
下面的代碼涉及到的有: 1.鏈式編程 2.在全局變量中定義方法的規範 /*實現鏈式調用 */ // 創建對象 var CheckObject = function () {}; // 給對象的原型賦值 C
2018-12-12 20:47:40