原创 linux `manpath: can't set the locale; make sure $LC_* and $LANG are correct`
問題： 解決： sudo locale-gen "en_US.UTF-8" sudo dpkg-reconfigure locales sudo vi /etc/default/locale 將裏面的內容改爲下面內容 LANG="e
2019-01-25 15:11:40
原创 vue 項目 webstrom IDE格式化代碼規則遵循eslint設置
首先vue-cli生成了一個項目，開啓了eslint的檢測， 但是根據webstorm的快捷格式化代碼 ctrl+alt+L會造成eslint報錯。 解決辦法一： 編輯器打開文件 首先，在編輯器裏面要啓用eslint 插件 在 .esli
2019-01-12 15:00:57
原创 vue 配置eslint代碼檢查
1.安裝依賴： "eslint": "^5.12.0", "eslint-config-standard": "^12.0.0", "eslint-friendly-formatter": "^4.0.1", "eslint-loade
2019-01-12 15:00:57
97
原创 Nginx實現反向代理
我在服務器上寫了個腳本，跑在8008端口，通過服務器IP+端口：http://120.78.194.45:8080我們能夠訪問服務器上的服務。如下圖，app1.js即是我寫的一個簡單腳本。通過node啓動服務 app1.js內容如下：
2019-01-10 17:41:50
原创 node.js項目線上服務器部署
圖1 node.js項目線上部署思路圖 假設我們電腦本地有五個項目：1.靜態網站 2.電影網站 3. 手機app 4.微信小程序 5.微信公衆號 這些應用都是跑在我們電腦本地，誰也看不到。我們需要放到網上供別人使用。 首先我們爲這五個項
2019-01-09 15:02:46
原创 mac下安裝git或者npm install 時遇到xcode-select 識別xcode路徑的問題
在mac下使用git或者npm install 時經常遇到下面的問題： xcrun: error: active developer path ("/Applications/Xcode.app/Contents/Developer")
2019-01-07 16:08:31
原创 JavaScript創建對象之原型模式
我們創建的每個函數都有一個prototype（原型）屬性，這個屬性是一個指針，指向一個對象。這個對象包含由該函數（構造函數）創建的所有實例共享的屬性和方法。如果按照字面意思來理解，那麼prototype就是通過調用構造函數而創建的那個對象
2018-12-12 17:33:07
原创 XMLHttpRequest提交form表單數據，包括上傳文件
<input id="uploadFile" name="file" type="file"> <script> const file = document.getElementById('uploadFile')
2018-11-30 15:31:33
原创 webpack3到webpack4的變化
1.mode。webpack4中通過內置的mode使用相應模式的內置優化。設置mode等於'development'，會將 process.env.NODE_ENV 的值設爲 development。啓用 NamedChunksPlugi
2018-11-30 15:31:33
原创 前端路由基本原理
1.哈希#。借鑑a標籤的錨點機制實現頁內導航，Url變化後瀏覽器不刷新 2.HTML5中新的history API。 3.路由的核心是給應用定義“狀態” 4.使用路由機制會影響到應用的整體編碼方式（需要預先定義好狀態）。 5.考慮兼容性問
2018-11-28 13:01:51
原创 webpack CleanWebpackPlugin
clean-webpack-plugin能夠幫助我們清空指定目錄下的內容。默認情況下，只能清空webpack配置文件所在目錄裏面的內容。如果要清空外面的內容，需要設置allowExternal = true。如下： new CleanW
2018-11-23 00:17:32
原创 webpack output.publicPath
這篇文章用例子講解我在webpack的學習過程中遇到的publicPath問題。 對於按需加載(on-demand-load)或加載外部資源(external resources)（如圖片、文件等）來說，output.publicPath
2018-11-23 00:17:32
2
原创 webpack 打包後的bundle分析
webpack打包後的bundle文件：app.bundle.js裏面其實就是個立即執行函數，類似如下結構： (function (modules){ console.log(modules['app']) }) ({
2018-11-22 00:14:04
1
原创 webpack entry & context
context 是webpack entry的上下文，是入口文件所處的目錄的絕對路徑。默認情況下，只想過當前項目根目錄。新建demo目錄如下： 運行npx webpack --config ./build/webpack.config.
2018-11-22 00:14:03
原创 webpack 相關概念梳理
資源（Asset）：用於圖片，字體，媒體，其他類型的文件等。這些文件通常在output中輸出爲單個文件。 bundle: 由多個不同的模塊生成，bundle包含了加載和編譯過後的最終源文件版本。 bundle分離(Bundle Spli
2018-11-22 00:14:03