原创 Webpack4 配置 Entry
Webpack4 配置 Entry entry是配置模塊的入口，可抽象成輸入，Webpack 執行構建的第一步將從入口開始搜尋及遞歸解析出所有入口依賴的模塊。 entry 配置是必填的，若不填則將導致 Webpack 報錯退出。
2020-06-20 16:13:57
原创 JavaScript中的淺拷貝
1.什麼是淺拷貝 例如：根據原始A對象淺拷貝一個新的B對象出來 淺拷貝就是創建一個新對象B，這個對象B有着原始對象A屬性值的一份精確拷貝。如果屬性是基本類型，拷貝的就是A對象的基本類型的值；如果屬性是引用類型，拷貝的就是A對象的內
2020-06-20 16:13:47
原创 Webpack4-的安裝和使用
1.Webpack安裝 在用 Webpack 執行構建任務時需要通過 webpack 可執行文件去啓動構建任務，所以需要安裝 webpack 可執行文件。 ( 例如：webpack --config webpack.config
2020-06-20 16:13:36
2
原创 Webpack4 自定義 Plugins
1.Plugin Webpack 通過 Plugin 機制讓其更加靈活，以適應各種應用場景。 在 Webpack 運行的生命週期中會廣播出許多事件，Plugin 可以監聽這些事件。除此之外 Plugin 還可以廣播自定義事件和監聽
2020-06-20 09:08:13
1
原创 JavaScript中的深拷貝
1.什麼是深拷貝 淺拷貝只是解決了第一層的拷貝問題，拷貝第一層的***基本類型值***，以及第一層的***引用類型地址***，並沒有遞歸拷貝第二層以後的屬性。 深拷貝會拷貝所有的屬性，拷貝的屬性指向動態分配的內存。當對象和它所引用
2020-06-20 09:08:13
原创 nginx+keepalived 部署web高可用
1.準備兩臺在同一個局域網的Linux服務器 主機器ip：12.16.119.213 備用機器ip：12.16.119.214 2.兩臺服務器先都搭建好nginx服務器 1.兩臺服務器都安裝keepalived yum insta
2020-05-13 02:28:51
原创 發佈一個npm包
1.npm 是什麼？ npm是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種： 允許用戶從npm服務器下載別人編寫的第三方包到本地使用。 允許用戶從npm服務器下載並安裝別
2020-02-21 04:53:31
原创 編寫vue-cli遠程Preset
1.什麼是 vue-cli 插件？ Vue CLI 使用了一套基於插件的架構。如果你查閱一個新創建項目的 package.json，就會發現依賴都是以 @vue/cli-plugin- 開頭的。插件可以修改 webpack 的內部
2020-02-21 04:53:31
原创 Linux 指令使用
1.網絡相關的指令 1.查看網卡ip地址 ifconfig ifconfig -a 2.修改網卡ip地址 1.ifcofig eth1 192.168.56.102 2.ifconfig //修改後查看效果 3.切換用
2019-10-25 17:26:49
原创 centos 搭建 Jenkins
1.Jenkins簡介 Jenkins是一個開源軟件項目，是基於Java開發的一種持續集成工具，用於監控持續重複的工作，旨在提供一個開放易用的軟件平臺，使軟件的持續集成變成可能。 持續集成是一種軟件開發實踐，即團隊開發成員經常集成
2019-10-25 17:26:49
原创 Jenkins部署前端項目
1.Jenkins部署前端項目 在使用Jenkins部署前端項目時需要搭建好 JenKins 的自動化部署環境。 1）Linux服務器上安裝好了JDK 或者 OpenJDK 軟件，並配好了環境變量 2）Linux服務器上安裝好 J
2019-10-25 17:26:49
原创 Webpack4 自定義 Loader
1.Loader Loader 就像是一個翻譯員，能把源文件經過轉化後輸出新的結果，並且一個文件還可以鏈式的經過多個翻譯員翻譯。 以下面處理 CSS 文件爲例： CSS 源代碼會先交給 css-loader 處理，找出 CSS
2019-09-15 16:58:18
原创 Webpack4 HappyPack增加編譯進程數
1.HappyPack 在用Webpack構建項目時有大量文件需要解析和處理，構建過程是文件讀寫和計算密集型的操作（特別是當文件數量變多後），Webpack 構建慢的問題會顯得嚴重。 運行在 Node.js 之上的 Webpack
2019-09-15 16:58:18
原创 Webpack4 製作動態鏈接庫
1.動態鏈接庫DLL Webpack構建時接入動態鏈接庫的思想後，會大大提升構建速度。 原因在於包含大量複用模塊的動態鏈接庫只需要編譯一次，在之後的構建過程中被動態鏈接庫包含的模塊將不會在重新編譯，而是直接使用動態鏈接庫中的代碼。
2019-09-07 06:27:06
原创 Webpack4 配置 DevServer 本地服務器
前面的已經介紹過如何用webpack 打包一個項目，細心的人會發現，打包後想要項目運行起來必須要把打包後的項目上傳到服務器中，或者靜態的項目也可以在本地直接用瀏覽器打開。但在實際開發中可能會需要實時預覽界面效果，那麼這個時候就需要
2019-09-05 16:55:25
2