原创 2019前端面試題彙總（主要爲Vue）

畢業之後就在一直合肥小公司工作，沒有老司機、沒有技術氛圍，在技術的道路上我只能獨自摸索。老闆也只會畫餅充飢，前途一片迷茫看不到任何希望。於是乎，我果斷辭職，在新年開工之際來到杭州，這裏的互聯網公司應該是合肥的幾十倍吧。。。。剛來3天，面試了

2019-02-20 21:44:46

原创 vue入門（一）：項目搭建

前言 我的JS水平比較一般，而且還是跨專業半路出家，因此學習是唯一出路。vue並不是我接觸的第一個前端框架，之前學習過angular1.x，覺得不太容易，結果沒多久2版本就推出了，一看文檔：totally rewrite。WTF？？？1還沒

2019-02-04 14:44:46 1

原创 webpack4系列教程（十）：總結

在前端開發日益複雜的今天，我們需要一個工具來幫助我們管理項目資源，打包、編譯、預處理、後處理等等。webpack的出現無疑是前端開發者的福音，我的博文只是本人的學習經驗和積累，如果能對你有所幫助那是再好不過了。我的JS真的很一般，所以如果有

2019-01-27 17:55:08 4

原创 webpack4系列教程（九）：開發環境和生產環境

1. 構建開發環境 如果你一直跟隨我前面的博文，那麼你對webpack的基礎知識已經有比較深刻的理解了。之前，我們一直執行着： npm run build 來打包編譯輸出我們的代碼，本文我們來看看如何構建一個開發環境，來使我們的開發變得方便

2019-01-17 21:52:46

原创 webpack4系列教程（八）：使用Eslint審查代碼

前言： 本章內容，我們在項目中加入eslint配置，來審查校驗代碼，這樣能夠避免一些比較低級的錯誤。並且在團隊協作的時候，保持同一種風格和規範能提高代碼的可讀性，進而提高我們的工作效率。 安裝： eslint-config-standard

2019-01-15 13:12:29 1

原创 webpack4系列教程（五）：處理項目中的資源文件（二）

1. 在項目中使用 less  在 src/assets/ 下新建 common.less ： body{ background: #fafafa; padding: 20px; } 在 main.js 中引入 common.le

2019-01-14 14:15:10

原创 webpack4系列教程（七）：使用 babel-loader

1. 什麼是Babel 如今 ES6 語法在開發中已經非常普及，甚至也有許多開發人員用上了 ES7 或 ES8 語法。然而，瀏覽器對這些高級語法的支持性並不是非常好。因此爲了讓我們的新語法能在瀏覽器中都能順利運行，Babel 應運而生。 B

2019-01-14 13:14:50

原创 webpack4系列教程（四）：處理項目中的資源文件（一）

 1. Loader的使用 之前的博文已經介紹了Loader的概念以及用法，webpack 可以使用 loader 來預處理文件，這允許你打包除 JavaScript 之外的任何靜態資源， 甚至允許你直接在 JavaScript 模塊中 i

2019-01-13 21:14:55 1

原创 webpack4系列教程（三）：自動生成項目中的HTML文件

1. webpack中的CommonJS和ES Mudule 規範 1.1 CommonJs規範 CommonJs規範的出發點：JS沒有模塊系統、標準庫較少、缺乏包管理工具；爲了讓JS可以在任何地方運行，以達到Java、PHP這些後臺語言具

2019-01-13 20:15:05 2

原创 webpack4系列教程（二）：創建項目，打包第一個JS文件

1. 創建項目 1.1 初始化一個項目 首先安裝nodejs，打開 nodeJs官網 直接下載安裝即可，安裝完畢後打開命令行工具，進入你的項目文件夾，執行 npm init 進行項目的初始化： 過程中會讓你填寫項目名、版本、描述、倉庫地址

2019-01-12 14:55:11 2

原创 webpack4系列教程（三）：自動生成項目中的HTML文件

傳送門 webpack4系列教程（一）：初識webpack webpack4系列教程（二）：創建項目，打包第一個JS文件 1. webpack中的CommonJS和ES Mudule 規範 1.1 CommonJs規範 CommonJs規範

2019-01-11 13:24:50 2

原创 webpack4系列教程（四）：處理項目中的資源文件（一）

傳送門： webpack4系列教程（一）：初識webpack webpack4系列教程（二）：創建項目，打包第一個JS文件 webpack4系列教程（三）：自動生成項目中的HTML文件 1. Loader的使用 之前的博文已經介紹了Load

2019-01-11 13:24:50 2

原创 webpack4系列教程（五）：處理項目中的資源文件（二）

傳送門： webpack4系列教程（一）：初識webpack webpack4系列教程（二）：創建項目，打包第一個JS文件 webpack4系列教程（三）：自動生成項目中的HTML文件 webpack4系列教程（四）：處理項目中的資源文件（

2019-01-11 13:24:50

原创 webpack4系列教程（六）：使用SplitChunksPlugin分割代碼

傳送門： webpack4系列教程（一）：初識webpack webpack4系列教程（二）：創建項目，打包第一個JS文件 webpack4系列教程（三）：自動生成項目中的HTML文件 webpack4系列教程（四）：處理項目中的資源文件（

2019-01-11 13:24:50 32

原创 webpack4系列教程（一）：初識webpack

1. 什麼是webpack 先來看看官網對webpack的介紹 ： 本質上，webpack是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依

2019-01-11 13:24:50