前端構建工具 面對日益復雜的前端環境以及前端技術、node技術的高速發展，前端的開發也越來越工程化，體系化，也就是出現了前端自動化構建工具。他們完成的任務目標基本是： js，css,圖片的自動壓縮合並（圖片也即是是自動sprite） js，css,圖片自動添加域名 ...

Fis3項目 項目目錄結構: 項目要求: 1.雪碧圖 2.代碼模塊化 3.預處理 4.md5戳 5.壓縮資源 雪碧圖 啟用雪碧圖插件,fis3已內置 設置雪碧圖的合並格式 預處理 因為使用的是less，所以需要預處理less文件 ...

　　首先說明一下，即使不熟悉fis3，閱讀文本應該也會有所收獲。 　　本文以fis-parser-imweb-tplv2插件為模板插件，目的不在於使用哪個模板，而是組件可視化的實現思路，不必擔心。 先說說模板插件 　　首先說明一下，我們的項目使用的fis3自帶的mod.js做模塊化 ...

第二章 - 04： Javascript 模塊化管理的來世今生 目錄 第二章 - 04： Javascript 模塊化管理的來世今生 一、什么是模塊化開發 1-1、模塊化第一階段 1-2、封裝到對象 1-3 ...

1. 沒有模塊化的時代 在JS沒有模塊化標准的時代，如果存在以下依賴關系： main.js -> b.js -> a.js 那么我們必須把js文件的順序按照模塊的依賴關系順序放到頁面中(簡單的舉例，不考慮循環依賴等復雜情況) 我們需要提前加載好所有的依賴。 這種方式 ...

前端模塊化 在JavaScript發展初期就是為了實現簡單的頁面交互邏輯，寥寥數語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到了客戶端（表單驗證等），隨着web2.0時代的到來，Ajax技術得到廣泛應用，jQuery等前端庫層出不窮，前端代碼日益膨脹 這時候 ...

說到打包工具，大家都會想到webpack，我之前也接觸過webpack，說實話個人覺得webpack上手容易，但是對於新手來說里面有太多坑，配置文件也不簡單。於是乎，我轉入了fis3陣營，發現fis3對於新手來說再合適不過了，fis3只用記住幾條命令就可以解決日常需求。下面開始講解 ...

前端總結系列 前端總結·基礎篇·CSS（一）布局 前端總結·基礎篇·CSS（二）視覺 前端總結·基礎篇·CSS（三）補充 前端總結·基礎篇·JS（一）原型、原型鏈、構造函數和字符串（String） 前端總結·基礎篇·JS（二）數組深拷貝、去重以及字符串反序和數組（Array ...