Vue 首屏載入優化
關於 Vue 首屏載入優化的一點總結
為什麼我們要做三份 Webpack 配置檔案
在知乎上我們常常會看到有同學發問：BAT 等大型網站的前端工程是如何組織管理的？這的確是一個可以發散的很廣的 Q&A，我想如果要我回答這個問題，不如先從 Webpack 配置說起。時至今日，Webpack 已經成為前端工程必備的基礎工具之一，不僅被廣泛用於前端工…
再見，babel-preset-2015
Babel 的官網上在9月宣佈 ES2015 / ES2016/ ES2017 等等 ES20xx 時代的 presets 通通被廢棄（deprecated），取而代之的是 babel-preset-env，並且承諾它將成為“未來不會過時的（future-proof）”解決方案。
[[vscode] 快速更新 package.json 裡的依賴版本](https://juejin.im/entry/593e5…
幫助 node 依賴保綠強迫症患者緩解症狀的良藥
手把手教你從零寫一個簡單的 VUE
今天給大家帶來的是實現一個簡單的類似 VUE 一樣的前端框架，VUE 框架現在應該算是非常主流的前端資料驅動框架，今天我們來從零開始寫一個非常簡單的 VUE 框架，主要是讓大家知道最核心的 vue 部分是怎麼運轉起來的。包括資料繫結，模板處理，以及頁面渲染，資料驅動檢視等幾個部分
快速打造簡易高效的webpack配置
webpack給前端開發帶來了毋庸置疑的改變，它把JS，圖片，css都作為模組處理，同時具有開發便捷，自動化，相容AMD寫法等等諸多無須贅述的優點，更令人稱道的是其外掛社群非常強大，對於不同的業務需求和技術需求社群都有大量外掛可供使用。 凡事都具有兩面性，許多人說：前端開發再也不…
npm 入門教程
Node.js 的出現使得用 寫服務端應用成為可能。Node.js 由 C++ 編寫而成並且構建於V8 引擎之上，因此執行得很快。一開始，Node.js 只是想執行於服務端環境，但是開發者們顯然不滿足於此，開始創造各種工具來實現自動化任務。也因為此，基於 Node 的前端自動化工具（如Grunt, Gulp 和 Webpack)的出現也給前端開發帶來了翻天覆地的變化。
本文最後更新時間為 08.06.2017, 介紹了包括了 npm 當前現狀，以及 npm5 的一些改變。
Jenkins實現前端專案自動化整合打包部署
以前寫前端專案打包部署，都是手動執行命令，打包完，然後壓縮，再上傳到伺服器解壓。
這種方式確實有點low並且效率也不高。
自從用了Jenkins持續整合工具，寫前端專案越來越工程化，再也不用擔心忘記部署專案，也不用煩躁每次打包壓縮後還要部署多個伺服器和環境，更開心的是每次家…
webpack-dev-server 中 inline 和 HMR 的區別
webpack-dev-server webpack-dev-server 是一個小型的 node.js Express 伺服器, 它使用 webpack-dev-middleware 中介軟體來為通過 webpack 打包生成的資原始檔提供 Web 服務。它還有一個通過 Socket.IO 連線著 we…
Webpack中的靜態資原始檔指紋
本文講解了在webpack中如何給靜態資源加hash值：每次構建過程都會生成一個新的hash，所以一般用於做版本控制；chunkhash是基於內容生成的，但是webpack把所有型別的檔案都以js為匯聚點打成一個bundle，改了css也會導致整個js的hash發生改變…
前端圖片預覽
很多時候我們都會有圖片上傳的功能需求，如果我們先將圖片上傳到伺服器，然後在將返回結果顯示在前端，這樣的操作效能開銷太大，如果圖片一多，簡直要哭，而且萬一還碰到了上傳錯誤要刪除的，那簡直無法想象了。所以我們需要先將圖片在前端展示後，然後由使用者確認沒有問題了，再統一上傳，這樣才是比…
基於 Vue 配置 axios
看完就會用的 GIT 操作圖解分析
無論你是前端還是後臺，無論是運維還是移動端研發，GIT 是逃避不了的東西，當然你說你要用 SVN，那不在這次的討論範圍之內。不多說，請看下文 GIT 圖解分析，10 分鐘學會 git 操作，當然下面的教程是為實戰為主，會跟你在別的網站看到的不一樣。
webpack入門必知必會
關於 微信公眾號：前端呼啦圈（Love-FED） 我的部落格：勞卜的部落格 知乎專欄：前端呼啦圈 前言 這是我第一篇介紹webpack的文章，先從一個入門教程開始吧，後續會有更多相關webpack的文章推出。 首先什麼是webpack？如果說它是一個打包工具那真的是有點大材小用了。…
分享 GitHub 上 有趣、入門級的開源專案
以前所有的內容都是託管在 GitHub 上，現在用 Flask 寫了這個網站。檢視、推薦專案、編輯、分發終於可以程式化了 ?
webpack中hash和chunkhash是不是很眼熟？
後者很容易理解，因為chunk在webpack中的含義就是模組，那麼chunkhash根據定義來就是模組內容計算出來的hash值。 這裡我們還得提一個問題，比如像vue這些框架，把js和css共同放在一個裡面會時，我們一般會用一個外掛叫extract-text-webpack-…
vue-cli中的webpack配置
編輯模式下顯示正常，開啟的時候不知道為啥排版有問題。segementfalut連結在這裡 版本號 vue-cli 2.8.1 (終端通過vue -V 可檢視) vue 2.2.2 webpack 2.2.1 目錄結構 ├── README.md ├── build │ ├── …
webpack 外掛拾趣 (1) —— webpack-dev-server
你或許會花上 30 分鐘的時間讀完本章，並掌握 webpack-dev-server 的使用方法、理清一些容易困惑的配置（如 publicPath）或概念（如 HMR）…
知多一點 webpack 的 CommonsChunkPlugin
hello~親愛的看官老爺們大家好~ 最近一直在學習 webpack 的相關知識。曾幾何時我總覺得 webpack 的體系龐大而難以掌握，一直迴避不願去學。然而偉人魯迅曾說過： 世上太多事會因無法掌握而使你狂躁不安，最好的解決方法就是硬著頭皮開始做！ 因而就從比較簡單的 Com…
VueJS 開發常見問題集錦
由於公司的前端開始轉向 VueJS，最近開始使用這個框架進行開發，遇到一些問題記錄下來，以備後用。
主要寫一些 官方手冊 上沒有寫，但是實際開發中會遇到的問題，需要一定知識基礎。
CLI: Vue-CLI UI: Element HTML: Pug(Jade) CSS: Les…
vue-cli 自定義路徑別名 assets和static資料夾的區別 –save-dev和–save的區別
這是一篇vue-cli的幾個小知識點簡單介紹，適用於剛接觸vue-cli腳手架以及對此方面並不太瞭解的同學，大佬們繞道。有需要的朋友可以做一下參考，喜歡的可以點波贊，或者關注一下，希望可以幫到大家。 相信有很多人知道vue-cli有兩個放置靜態資源的地方，分別是src/asse…
webpack：從入門到真實專案配置
自從出現模組化以後，大家可以將原本一坨程式碼分離到個個模組中，但是由此引發了一個問題。每個 JS 檔案都需要從伺服器去拿，由此會導致載入速度變慢。Webpack 最主要的目的就是為了解決這個問題，將所有小檔案打包成一個或多個大檔案，官網的圖片很好的詮釋了這個事情，除此之外，Web…
webpack 從入門到工程實踐
本文的初衷是和你一起理清webpack的使用邏輯，以便能更加容易的編寫及擴充自己專案所需的配置檔案。不過也得提前說明本文可能並不是一篇好的可以跟著操作的教程（想跟著一步步做的童鞋可以看官方示例（https://webpack.js.org/guides/）和 webpack 入門，看這篇就夠了（http://www.jianshu.com/p/42e1…）。
你要看看這些有趣的函式方法嗎？
前言 這是 underscore.js 原始碼分析的第六篇，如果你對這個系列感興趣，歡迎點選 underscore-analysis/ watch 一下，隨時可以看到動態更新。 下劃線中有非常多很有趣的方法，可以用比較巧妙的方式解決我們日常生活中遇到的問題，比如_.after,_.be…
webpack-dev-middleware詳解
webpack專題
讀前端中文文件，來印記中文就對了，最權威的中文開發文件
Vue/React/Webpack/PostCSS…我們還在不斷地整合社群資源，同官方開展合作，為中文社群開發者們提供最新最可靠的中文開發文件，也歡迎有能力的同學加入我們一起翻譯校對文件。
Node 命令列翻譯工具
Node 翻譯工具，友好地幫助解決開發中遇到的英文報錯問題。
記一次webpack打包優化
改造基於vue-cli的打包優化