原创 react 前端項目技術選型、開發工具、周邊生態

react 前端項目技術選型、開發工具、周邊生態 聲明：這不是一篇介紹 React 基礎知識的文章，需要熟悉 React 相關知識 主架構：react, react-router, redux, redux-thunk, redux-sa

2018-12-17 19:24:31 2

原创 如何讓 node 運行 es6 模塊文件，及其原理

如何讓 node 運行 es6 模塊文件，及其原理 最新版的 node 支持最新版 ECMAScript 幾乎所有特性，但有一個特性卻一直到現在都還沒有支持，那就是從 ES2015 開始定義的模塊化機制。而現在我們很多項目都是用 es6 的

2018-12-10 11:02:42 5

原创 通用、封裝、簡化 webpack 配置

通用、封裝、簡化 webpack 配置 現在，基本上前端的項目打包都會用上 webpack，因爲 webpack 提供了無與倫比強大的功能和生態。但在創建一個項目的時候，總是免不了要配置 webpack，很是麻煩。 簡化 webpack 配

2018-12-04 08:54:53 1

原创 從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目

從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目 1. 選擇現成的項目模板還是自己搭建項目骨架 搭建一個前端項目的方式有兩種：選擇現成的項目模板、自己搭建項目骨架。 選擇一個現成項目模板是搭建一個項目最快的方式，模板已經把基本的

2018-11-27 14:35:27

原创 從 1 到完美，寫一個 js 庫、node 庫、前端組件庫

從 1 到完美，寫一個 js 庫、node 庫、前端組件庫 之前講了很多關於項目工程化、前端架構、前端構建等方面的技術，這次說說怎麼寫一個完美的第三方庫。 1. 選擇合適的規範來寫代碼 js 模塊化的發展大致有這樣一個過程 iife =>

2018-11-19 16:55:04 1

原创 細說 js 壓縮、sourcemap、通過 sourcemap 查找原始報錯信息

細說 js 壓縮、sourcemap、通過 sourcemap 查找原始報錯信息 1. js 壓縮 js 壓縮對前端開發者來說是一門必修課。 一般來說，壓縮 js 主要出於以下兩個目的： 減小代碼體積，加快前端資源加載速度 保護源代碼不被

2018-11-12 19:14:49 7

原创 構建工具是如何用 node 操作 html/js/css/md 文件的

構建工具是如何用 node 操作 html/js/css/md 文件的 從本質上來說，html/js/css/md ... 源代碼文件都是文本文件，文本文件的內容都是字符串，對文本文件的操作其實就是對字符串的操作。 操作源代碼的方式又主要分

2018-11-06 10:14:49

原创 前端如何高效的與後端協作開發

前端如何高效的與後端協作開發 1. 前後端分離 前端與後端的分離，能使前端的開發脫離後端的開發模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應用等。 可以參考：前後端分離、web與static服務器分離 2. 儘量避免後端模板

2018-10-30 17:14:49 3

原创 前端進階（14） - 如何提升前端性能和響應速度

如何提升前端性能和響應速度 下面大多是從前端工程化的角度給出的優化建議，如果需要了解語法上的優化，可以參考： 如何提高頁面加載速度 編寫高效的JavaScript Web前端性能優化進階 - 完結篇 1. 原生 css 動畫代替 js

2018-10-23 18:14:44 3

原创 h5 與原生 app 交互的原理

h5 與原生 app 交互的原理 現在移動端 web 應用，很多時候都需要與原生 app 進行交互、溝通（運行在 webview 中），比如微信的 jssdk，通過 window.wx 對象調用一些原生 app 的功能。所以，這次就來捋一捋

2018-10-22 11:44:41

原创 細說後端模板渲染、客戶端渲染、node 中間層、服務器端渲染（ssr）

細說後端模板渲染、客戶端渲染、node 中間層、服務器端渲染（ssr） 前端與後端渲染方式的發展大致經歷了這樣幾個階段：後端模板渲染、客戶端渲染、node 中間層、服務器端渲染（ssr）。 1. 後端模板渲染 前端與後端最初的渲染方式是後端

2018-10-16 18:13:04

原创 如何構建大型的前端項目

如何構建大型的前端項目 1. 搭建好項目的腳手架 一般新開發一個項目時，我們會首先搭建好一個腳手架，然後纔會開始寫代碼。一般腳手架都應當有以下的幾個功能： 自動化構建代碼，比如打包、壓縮、上傳等功能 本地開發與調試，並有熱替換與熱加載等功

2018-10-11 11:54:53 3

原创 從 1 到完美，用 node 寫一個命令行工具

從 1 到完美，用 node 寫一個命令行工具 1. package.json 中的 bin 字段 現在，不管是前端項目還是 node 項目，一般都會用 npm 做包管理工具，而 package.json 是其相關的配置信息。 對 node

2018-09-28 20:54:52 2

原创 github 上有趣又實用的前端項目（持續更新，歡迎補充）

github 上有趣又實用的前端項目（持續更新，歡迎補充） 1. reveal.js: 幻燈片展示框架 一個專門用來做 HTML 幻燈片的框架，支持 HTML 和 Markdown 語法。 github: https://github.

2018-09-26 21:33:34 3

原创 前端進階（13） - 搭建自己的前端腳手架

搭建自己的前端腳手架 一般新開發一個項目時，我們會首先搭建好一個腳手架，然後纔會開始寫代碼。搭建腳手架可以用 create-react-app、vue-cli、yeoman 等命令行工具，也可以直接用 html5-boilerplate、r

2018-09-21 11:24:36 2