## JS模塊化發展
[JS模塊化的發展歷程，CommonJS、AMD、CMD、UMD、ES6模塊化_嗶哩嗶哩 (゜-゜)つロ 干杯~-bilibili](https://www.bilibili.com/video/BV1Ua4y1t7fs)
[深入理解 ES Modules (手繪示例)](https://mp.weixin.qq.com/s/hNbBH8uTLRWlMjgZRwKycg)
> 我們可以看到，任何一門成熟的語言都有自己的模塊化方案，包，也就是命名空間。一個成熟健康的生態必定是百花齊放、百家爭鳴的，而JS的火爆正好印證了這點。
> 成熟和適用于大規模開發的程序設計語言必定經歷過模塊化，并有成熟的模塊化方案和活躍的社區。
- [你拆分JS代碼的方法可能是錯的！](https://www.toutiao.com/a6603262167565206023/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1×tamp=1537538871&app=news_article_lite&utm_source=weixin&iid=33124962994&utm_medium=toutiao_android&group_id=6603262167565206023)
- [聊一聊原生瀏覽器中的模塊](https://mp.weixin.qq.com/s/OWS7sxpOVK0HoqkOOu6wFA)
- [前端工程-從原理到輪子之JS模塊化 - 掘金](https://juejin.im/post/59c31a0a6fb9a00a67614596)
- [yanhaijing/lodjs: JavaScript模塊加載器，基于AMD。迄今為止，對AMD理解最好的實現。](https://github.com/yanhaijing/lodjs)
- [簡單介紹下modJS - 騰訊Web前端 IMWeb 團隊社區 | blog | 團隊博客](http://imweb.io/topic/5659e365823633e31839fc08)
- [AMD (中文版) · amdjs/amdjs-api Wiki](https://github.com/amdjs/amdjs-api/wiki/AMD-(中文版))
- [前端工具之WebPack解密之背景](http://www.toutiao.com/a6358181364306657538/)
- [前端工具鏈課（二）—— 模塊化工具及組件化思想](http://www.toutiao.com/a6357876639150096642/)
- [YUI Modules 與 AMD/CMD，哪一種方式更好？](https://www.zhihu.com/question/21347409#answer-2323656)
- [AMD 和 CMD 的區別有哪些？](https://www.zhihu.com/question/20351507#)
- [前端模塊化開發那點歷史 #588](https://github.com/seajs/seajs/issues/588)
- [我的前端進階學習（一）—— 模塊化開發](http://www.imooc.com/m/wap/article/detail.html?aid=6911)
- [Javascript模塊化編程（一）：模塊的寫法](http://www.ruanyifeng.com/blog/2012/10/javascript_module.html)
- [Javascript模塊化編程（二）：AMD規范](http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html)
- [Javascript模塊化編程（三）：require.js的用法](http://www.ruanyifeng.com/blog/2012/11/require_js.html)
- [瀏覽器加載 CommonJS 模塊的原理與實現](http://www.ruanyifeng.com/blog/2015/05/commonjs-in-browser.html)
- [如何學習前端模塊化知識？](https://www.zhihu.com/question/37011441)
- [JavaScript Modularization Journey](http://huangxuan.me/js-module-7day/#/)
- [Huxpro/js-module-7day](https://github.com/Huxpro/js-module-7day)
- [seajs與requirejs區別](http://zccst.iteye.com/blog/2084545)
- [淺析JS模塊規范：AMD，CMD，CommonJS](http://www.jianshu.com/p/09ffac7a3b2c)
- [JavaScript 模塊化歷程 #6](https://github.com/wqb2017/yctabs/issues/6)
- [第三課：sea.js模塊加載原理](http://www.cnblogs.com/chaojidan/p/4123980.html)
- [JavaScript中的AMD和CMD模塊化-前端開發博客](http://caibaojian.com/toutiao/6090#tt_daymode=1)
- [SeaJS與RequireJS最大的區別](https://www.douban.com/note/283566440/)
> 你的requirejs的用法不對，錯誤的用法沒法產生正確的結果。另外你可能更喜歡順序執行的代碼，但是這必須導致require時的阻塞加載（這很多時候其實是可以接受的），而同時滿足非阻塞和順序執行就需要需要對代碼進行一些預處理，這樣的源代碼就不能做到“下載即可用”的效果。
[LABjs、RequireJS、SeaJS 哪個最好用？為什么？ - 知乎](https://www.zhihu.com/question/20342350/answer/24718689)
[讓我們再聊聊瀏覽器資源加載優化 – 前端技術漫游指南](http://qingbob.com/let-us-talk-about-resource-load/)
[詳解javascript立即執行函數表達式（IIFE） - WEB前端 - 伯樂在線](http://web.jobbole.com/82520/)
[深入理解 ES Modules (手繪示例)](https://mp.weixin.qq.com/s/hNbBH8uTLRWlMjgZRwKycg)
> 移除舊的代碼或者是 script 標簽就像是玩賭場轉盤一樣。你無法預料到什么代碼可能崩潰。**代碼之間的依賴關系變得隱蔽。** 任何函數都可以獲取到全局作用域上的任何東西，**所以你并沒有辦法知道哪個函數依賴于哪個 script 標簽。**
* * * * *
### React
- [React 入門實例教程 - 阮一峰的網絡日志](http://www.ruanyifeng.com/blog/2015/03/react.html)
- [React入門：關于JSX語法](http://www.css88.com/archives/5632)
- [Flux 架構入門教程](http://www.ruanyifeng.com/blog/2016/01/flux.html)
- [React-JSX詳解](http://blog.csdn.net/slandove/article/details/50742646)
- [關于React你需要知道的事兒](http://caibaojian.com/toutiao/6108)
- [細說React(一)](http://www.cnblogs.com/ppforever/p/5167782.html)
- [React，我從未見過如此好看的教程（1）](http://www.jianshu.com/p/fa27ae471531)
- [深入淺出React（三）：理解JSX和組件](http://www.infoq.com/cn/articles/react-jsx-and-component/)
- [Redux 入門教程（一）：基本用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)
- [Redux 中文文檔](http://cn.redux.js.org/)
- [React 中文索引](http://nav.react-china.org/#docs)
- [React 中文文檔](http://reactjs.cn/react/docs/getting-started-zh-CN.html)
- [React’s diff algorithm](http://calendar.perfplanet.com/2013/diff/)
- [react+reflux入門教程](http://www.cnblogs.com/lewis617/p/5129609.html)
- [React Router 使用教程](http://www.ruanyifeng.com/blog/2016/05/react_router.html?utm_source=tool.lu)
- [ReFlux細說](http://www.cnblogs.com/lovesueee/p/4893218.html)
### 擴展
- [MVC，MVP 和 MVVM 的圖示](http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html)
- [https://github.com/xufei/blog](https://github.com/xufei/blog)
- [react.js,angular.js,vue.js學習哪個好？ - 知乎](https://www.zhihu.com/question/39943474)
- [構建單頁Web應用 #5](https://github.com/xufei/blog/issues/5)
- [Web應用組件化的權衡 #22](https://github.com/xufei/blog/issues/22)
- [react.js,angular.js,vue.js學習哪個好？](https://www.zhihu.com/question/39943474/answer/83905933)
- [也許，DOM 不是答案](http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html)
- [WebView性能、體驗分析與優化 -美團點評技術團隊](http://tech.meituan.com/WebViewPerf.html)
- [HTML5游戲前端開發秘籍](https://isux.tencent.com/html5-game-development-cheats.html)
- [全棧工程師培訓材料](https://github.com/ruanyf/jstraining)
- [React 技術棧系列教程](http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html)
- [網站的肥胖癥危機](http://www.ruanyifeng.com/blog/2016/01/website-obesity-crisis.html)
- [網頁性能管理詳解](http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html)
- [如何評價真阿當的文章：《2016年前端技術觀察》](https://www.zhihu.com/question/53625757)
- [前端模塊化開發的價值](https://github.com/seajs/seajs/issues/547)
- [開源前端框架縱橫談](http://history.programmer.com.cn/15552/)
- [對話豆瓣張克軍：前端，工程與人](http://www.infoq.com/cn/interviews/front-end-engineering-and-human)
- [URL中“#” “？” &“”號的作用](http://www.cnblogs.com/kaituorensheng/p/3776527.html?winzoom=1)
- [如何讓搜索引擎抓取AJAX內容？](http://www.ruanyifeng.com/blog/2013/07/how_to_make_search_engines_find_ajax_content.html)
- [Javascript 模塊現狀](https://zhuanlan.zhihu.com/p/26567790)
- [用JS渲染的單頁面應用其實性能還是比較差的](http://blog.csdn.net/ztguang/article/details/51166318)
> 怪不得單頁總感覺要慢一丟丟，沒有使用jQuery的傳統的站點快
[JavaScript 模塊化簡述 - 掘金](https://juejin.im/post/58882a42128fe100684ad9de)
[Node中沒搞明白require和import，你會被坑的很慘 - 騰訊Web前端 IMWeb 團隊社區 | blog | 團隊博客](http://imweb.io/topic/582293894067ce9726778be9)
[很全很全的 JavaScript 模塊講解](http://mp.weixin.qq.com/s/Qs-C2q3jfSzdYeOYSbm11g)
[探討不需要打包的構建工具 Snowpack](https://mp.weixin.qq.com/s/QzrkZI3j3sWOrhNt19uPUg)
> 所以，在我看來，bundleless 解決了大部分前端開發者 的一大痛點，就是心流)。當一個程序員被打攪后，他需要 10 - 15 分鐘的時間才能重新恢復到之前的編程狀態。當你在完成一小塊功能時候，想要去查看結果時候，發現當前的項目還在構建狀態，這個時候很有可能就會中止心流。
----
update：2018-1-22 02:30:43
- 開始
- 微信小程序
- 獲取用戶信息
- 記錄
- HTML
- HTML5
- 文檔根節點
- 你真的了解script標簽嗎？
- 文檔結構
- 已經落后的技術
- form表單
- html實體
- CSS
- css優先級 & 設計模式
- 如何編寫高效的 CSS 選擇符
- 筆記
- 小計
- flex布局
- 細節體驗
- Flex
- Grid
- tailwindcss
- JavaScript
- javascript物語
- js函數定義
- js中的數組對象
- js的json解析
- js中數組的操作
- js事件冒泡
- js中的判斷
- js語句聲明會提前
- cookie操作
- 關于javascript你要知道的
- 關于innerHTML的試驗
- js引擎與GUI引擎是互斥的
- 如何安全的修改對象
- 當渲染引擎遇上強迫癥
- 不要使用連相等
- 修改數組-對象
- 算法-函數
- 事件探析
- 事件循環
- js事件循環中的上下文和作用域的經典問題
- Promise
- 最佳實踐
- 頁面遮罩加載效果
- 網站靜態文件之思考
- 圖片加載問題
- 路由及轉場解決方案
- web app
- 寫一個頁面路由轉場的管理工具
- 談編程
- 技術/思想的斗爭
- 前端技術選型分析
- 我想放點html模板代碼
- 開發自適應網頁
- 后臺前端項目的開發
- 網站PC版和移動版的模板方案
- 前后端分離
- 淘寶前后端分離
- 前后端分離的思考與實踐（一）
- 前后端分離的思考與實踐（二）
- 前后端分離的思考與實踐（三）
- 前后端分離的思考與實踐（四）
- 前后端分離的思考與實踐（五）
- 前后端分離的思考與實踐（六）
- 動畫
- 開發小技巧
- Axios
- 屏幕適配
- 理論基礎
- 思考
- flexible.js原理
- 實驗
- rem的坑，為什么要設置成百分比，為什么又是62.5%
- 為什么以一個標準適配的，其它寬度也能同等適配
- 自適應、響應式、彈性布局、屏幕適配
- 適配：都用百分比？
- 番外篇
- 給你看看0.5px長什么樣？
- 用事實證明viewport scale縮放不會改變rem元素的大小
- 為什么PC端頁面縮放不會影響rem元素
- 究竟以哪個為設備獨立像素
- PC到移動端初試
- 深入理解px
- 響應式之柵格系統
- 深入理解px（二）
- 一篇搞定移動端適配
- flex版柵格布局
- 其他
- 瀏覽器加載初探
- 警惕你的開發工具
- JS模塊化
- webpack
- 打包原理
- 異步加載
- gulp
- 命名規范
- 接口開發
- sea.js學習
- require.js學習
- react學習
- react筆記
- vue學習
- vue3
- 工具、技巧
- 臨時筆記
- 怎么維護好開源項目
- 待辦
- 對前端MVV*C框架的思考
- jquery問題
- 臨時
- 好文
- 節流防抖