原创 差異化打包：控制是否cdn資源引入
需求： 根據環境變量不同控制是否cdn資源引入。 項目背景：vue lic 3 主要是使用webpack配置屬性externals來實現。externals屬性會從輸出的 bundle 中排除依賴。我們需要在package.jso
2020-07-06 16:27:57
原创 Vue CLI開啓webpack打包gzip壓縮和nginx進行gzip壓縮
Vue CLI開啓webpack打包gzip壓縮 在webpack打包過程中開啓gzip壓縮，能夠有效的壓縮js、css、html文件，加快頁面的加載速度。 我們只需要在vue.config.js文件中加入配置，就可以在打包過程中
2020-04-03 07:47:22
3
原创 webpack差異化打包NormalModuleReplacementPlugin
項目需求需要根據不同的使用場景進行差異話打包，一些文件分屬不同的包使用。 我這裏是Vue CLI項目主要使用webpack的NormalModuleReplacementPlugin插件。將route文件，提供你需要的版我這裏用r
2020-04-03 07:47:22
36
原创 簡單明瞭區分escape、encodeURI和encodeURIComponent
轉載於 奇葩一朵朵 – http://www.cnblogs.com/season-huang/ ，請勿用於任何商業用途 一、前言 講這3個方法區別的文章太多了，但是大部分寫的都很繞。本文試圖從實踐角度去講這3個方法。 二、escap
2019-03-06 14:55:28
原创 解決：ifram中嵌入第三方頁面大小
項目中需要在頁面中嵌入第三方的頁面，但嵌入後發現有頁面太寬只展示出來一半的頁面來。 解決方法： 主要使用了css的transform屬性，思路將ifram擴大將頁面全部加載出來。再通過transform屬性縮放平移，將頁面完好的展
2019-02-27 21:59:21
原创 解決：上一篇圖片上傳在ios中click事件無效
在上一篇中addImage方法中的this.input.click()在ios中無法生效。 網上提供的幾種解決方法，供大家參考： 1、將 click 事件直接綁定到目標元素（即 .target）上； 2、將目標元素換成 a
2019-02-27 21:59:21
原创 react簡易實現圖片上傳組件-從相機或文件夾上傳
簡單做了個圖片上傳的組件； <div className={styles.uploadImg_main}> <input style={{ display:'none'
2019-02-23 21:59:04
原创 js中array的迭代方法
ES5爲數組定義了五個迭代方法。每個方法都接受兩個參數，要在每一項上運行的函數和（非必傳）運行該函數的作用域對象。運行的函數上接受三個參數：數組項的值、該項在數組中的位置和數組對象的本身。 every() 對數組的每一項的執行給定的
2019-02-14 21:58:29
原创 解決：operation not permitted, unlink 'D:\study\dva-boot-admin-master\dva-boot-adm
今天初始化項目（npm install）的時候遇到該錯誤： 我直接比較粗暴的 npm install -force 解決；查了些社區問答解決方法如下供大家參考： 1、卸載node.js重新安裝（可以嘗試升級或者降級，或者更改安裝目
2019-02-14 21:58:29
2
原创 git常用命令（記錄）
git init 初始化命令：進入目錄初始化Git本地倉庫； git clone 克隆版本庫命令； git clone -b 克隆指定的分支； git add 將內容添加到暫存區命令； git add a.txt 將
2019-02-01 22:14:13
原创 學習筆記：react-router4
項目中一直使用react-router4，但一直是照貓畫虎，沒有系統的學習整理過。 一、react-router簡介： react-router是專門用來實現一個SPA（single page web application）應用的一
2019-01-13 13:41:48
原创 解決：cross-env 不是內部或外部命令
今天從Git上拉了個項目，npm install 後啓動發現報錯：cross-env 不是內部或外部命令。依賴項丟失有解答再次npm install 後依然沒有好使。最後直接npm install -save-dev cross-en
2019-01-09 21:42:42
2
原创 學習React生命週期
React生命週期總體分爲三個階段：創建階段（Mounting）、運行階段（Updating）和卸載階段（Unmounting）。也有種說法分爲四個階段：初始化階段（Initialization）、創建階段（Mounting）、運行階
2019-01-09 21:42:42
原创 解決：Cannot read property 'tap' of undefined
啓動項目發現報錯信息如下： D:\study\blog-front-master\blog-front-master\node_modules\webpack\lib\ProgressPlugin.js:205
2019-01-09 21:42:42
164
原创 react中quill插件的使用
##react中quill的使用 近期使用由於項目需要一款富文本編輯框，本來打算試着使用drift.js寫一款富文本編輯器。但由於時間比較緊急最後選擇引用第三方插件，在衆多富文本插件中初步選擇了Quill和CKEditor5，最後選擇
2018-12-23 21:45:49
13