## 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问题
- 临时
- 好文
- 节流防抖