用AI赚第一桶💰低成本搭建一套AI赚钱工具,源码可二开。 广告
## 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&timestamp=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