&p&在我目前10年的程序员道路上，让我感到自己质变了的，有大彻大悟的感觉的，是：一本书，和2个概念/技术/领域/...吧。分别对应&b&我所认为&/b&的程序员能力对应的三个关键方面。&/p&&p&&br&&/p&&h2&1书2概念&/h2&&ul&&li&&b&一本书&/b&：&b&Designing Data-Intensive Applications， &/b&对应程序员3能力中的&b&工具箱深度广度&/b&&/li&&li&&b&两个概念-1：多范式编程和最小表达力原则(least expressiveness principle), &/b&对应程序员3能力中的&b&程序语言理解深度和表达抽象能力&/b&&/li&&li&&b&两个概念-2：领域驱动设计(Domain Driven Design)，&/b&对应程序员3能力中的&b&方法论，编程大道(programming in the big)，和构架能力&/b&&/li&&/ul&&p&&br&&/p&&h2&&b&关于程序员3能力&/b&：（引自自己的一个答案：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&阿莱克西斯：作为一名程序员，我这属于什么水平？&/a&）&/h2&&blockquote&&b&1. 工具箱广度深度&/b&，或者说在技术选型上控制系统复杂度的能力，广度：懂多少数据库/数据处理框架/AWS几个重要的Service了解多少/著名的开源软件框架工具了解程度, （这个一年前的答案列了一些我们当时经常用的，业界也很流行的，您可以参考下。&a href=&https://www.zhihu.com/question//answer/& class=&internal&&阿莱克西斯：后端所谓复杂的问题是什么？&/a& ） 广度决定了眼界； 深度：为什么数据库要这么实现设计，为什么AWS这个地方有这个缺陷（比如SQS为什么是可乱序的queue），看似类似的几个框架，在本质上有什么不同，是在哪个本质问题上做了哪些决定行的trade-off导致了它们在设计实现和提供的功能上分道扬镳？ 深度决定了能否真的在合适的场景应用合适的能力与工具。&br&&br&&b&2. 程序语言理解深度和表达抽象能力，&/b&这是在实现上控制复杂度的能力，懂不懂得最小表达力原则？懂得几种编程范式？它们之间怎么根据具体情况作出取舍？是否知道怎样才能把code写成诗？怎么样才能在重重困难中，坚守高聚合，低耦合？怎样组织程序，才能使得让程序正向流动产生期待效果之外，程序能否根据效果／结果，倒推并很容易的倒推出这样的一种结果是由什么原因，那个组件造成的(这是系统怎么才能很容易进化的关键，也是“做出来就是好的”程序员最难克服的一点)？code写出来逻辑线是否清晰可见？&a href=&https://www.zhihu.com/question//answer/& class=&internal&&阿莱克西斯：编程到底难在哪里？&/a&
(&br&&br&&br&&b&3. 方法论，编程大道(programming in the big)，和构架能力&/b&，这是在时间跨度的整体上控制复杂度的能力，辨别什么是对的，应该做什么的能力；在时间跨度上，在信息不完整的情况下，现在怎么构架，才能使得当将来信息完整了，我们能很轻松的根据将来的正确信息，把系统调整成最好最正确的状态，什么决定应该现在做，什么决定可以和怎么样才能留给将来做，并且在这个过程中，保证能够支持业务正常运转。在整体上，怎么把需求获取/设计/coding/测试/安全/部署/运行监测/报警/性能/系统回馈分析/数据统计/报表…等等在全局把握，安排的妥妥当当相互支持而不是相互抵触，相互使绊子。这里包含的知识包括，到底是waterfall， TDD，BDD，还是type driven，怎么执行Agile，什么是devOps，continuous delivery。 到底应该是技术决定业务，还是业务决定技术？。给一个100人的团队和超复杂／抽象的需求（比如需求就是让公司业务翻一倍，怎么翻一倍这个抽象问题要怎么分解成n个大问题，这n个大问题怎么分解成m个中问题。。。。），怎么把抽象问题落到实处，怎么能把大的问题分解成哪怕是比较弱的程序员也可以解决的小问题，然后还要证明这是根据现在的信息，可以做出的最好的决定。&a href=&https://www.zhihu.com/question/& class=&internal&&2017年，你看了啥很好的计算机的博客/书/视频？&/a&
这个回答中关于DDD和Clean Architecture的介绍讨论了一些这方面的问题您可以看下。&/blockquote&&p&可以看到，这3个能力有一个相同的关键点，&b&控制复杂度；&/b&控制复杂度的能力，是区分程序员能力的关键之一。&/p&&p&&br&&/p&&h2&为什么是这本书， 这两个概念，是什么质变：&/h2&&ul&&li&关于一书：&b&Designing Data-Intensive Applications： &/b&由于我的主要工作是利用云技术，做后端的大数据模型，或者高性能，高弹性，高可用性的service，所以数据处理，和云技术是我工具箱里最重要的一部分工具。我之前比较深入的（内部怎么工作的深度，每个系统至少读过一本书，有一些看过源代码）学过Oracle, HBase, Cassandra, Redshift, Hadoop, Spark Kafka, Storm, Zookeeper...Amazon自己的DynamoDB, Kinesis, SQS／SNS, AWS Lambda, Step Function, SimpleWorkflow, EMR... 但是我的学习是像没头苍蝇一样的，是盲目的，哪个技术火，就学哪个，总觉得这些东西之间模模糊糊的是有联系的，感觉是有一些东西是可以总结起来的。。。脑子里或者说工具箱里里的东西很多，但是却非常乱，概念实现经常记混，我经常在想：&b&如果能总结归类，用更科学的方法去记住所有我学过的技术，那就好了。。。&/b&然后我就遇到了这本书，我读了三遍，然后感觉一切都理顺了… 如果我先读了这本书，才去学上边这些东西，那么我花费的时间将是原来的3分之一到5分之一左右。这本书在广度和一定程度的深度（如果对进一步深度有要求，可以读完此书的reference）上，概括和总结了数据系统，分布式或非分布式环境下面临的本质问题，和解决方案的分类，看完这本，我开始理解了“为什么”这么多的分布式系统要这么设计。而这本书上千的引用论文，给我指明了一条系统学习理论的明路。&/li&&li&关于&b&多范式编程和最小表达力原则(least expressiveness principle)：&/b&学了好多语言，设计模式，AOP，范型，反射，DCI。。。不知什么时候起，我已经忘记了我为什么要学习他们了，我的程序开始变成一个程序员的行为艺术，简直可谓花式编程。怎么样能用别人都不懂的花式技术秀翻全组，变成了我觉得可以体现我的学识的关键。。。（在这里要跟接手和维护我花式行为艺术的同学深深的道歉。。。）直到我了解到了多范式编程(Multi-Paradigm Programming)和最小表达力原则(least expressiveness principle), 我才中混沌中惊醒&b&，&/b&回归初心，&b&简化程序，用尽可能简单的程序来解决尽可能复杂的问题，才是我们发明和学习了这么多技术的最终目的啊！&/b&&/li&&li&&b&关于领域驱动设计(Domain Driven Design)：&/b&从具体的大处来说，它让我明白了“为什么要有程序员”，这个话题很大很抽象，下边的引用有一些详述。 从小的来说，它让我懂得了怎么样用系统的方法来设计系统，实现系统，从而让VP，Director，各级开发经理, 产品经理，客户，和我们组配合的机器学习科学家，统计学家，经济学家，他们脑子里的系统，和我们程序员的code的组织，系统的组件设计实现，能够有一个清晰的对应，且这个清晰的对应，如何在无数的需求改变，无数的技术升级中，在长期的时间跨度上，如何能够坚守住，如何持续保证概念模型(concept model)和实现模型(implementation model)的一致，并且是清晰一致。那么，一个小的脑子里的模型改动，必然只会引起一个系统的小的改动。做到这点&b&，是在长远的时间角度，在考虑了未知的未来，考虑了明天的你，团队，客户，都会收到新的未知的信息的情况下(而不是根据一个时间点的需求)保持一个健康，可业务拓展，有竞争力的，能够成为组部门公司之脊梁的系统的关键！&/b&用比喻义来说：如果说&b&Designing Data-Intensive Applications&/b&是逍遥子百年功力，是莽牯朱蛤，是张无忌吃的昆仑山蟠桃，给你无穷的内力，那么这些方法论则是北冥神功，九阳神功，易筋经，教你如何驾驭这力量，而不是自爆而亡。&/li&&/ul&&blockquote&为什么传统行业不断被颠覆？为什么人工持续被计算机代替？程序员，拿着大杀器，以更科学更效率的新方法，解决了更多更大更新的问题，这当然需要程序员非常了解你手中这个大杀器；然而首先，你要明白，&b&自己的价值，在于你是一个解决问题的人。&/b&&br&
----&a href=&https://www.zhihu.com/question//answer/& class=&internal&&阿莱克西斯：对于程序员来说，怎样才算是在写有“技术含量”的代码？&/a&&/blockquote&&p&&br&&/p&&p&&br&&/p&&h2&DDD的精神&/h2&&p&&i&私信和某位朋友聊了一会儿DDD，自己也想了很多，贴一些在这里：&/i&&/p&&p&再多说点DDD吧，请千万不要看网上鱼龙混杂的资料，很多博主自己还没明白就写各种怎么做EventSourcing，怎么做CQRS的文章，说这是DDD构架，DDD就必须得怎么怎么样，这些都反而是违反DDD的精神的，想了解DDD，请千万去读一本关于DDD的书，而我强烈推荐推荐Patterns, Principles, and Practices of Domain-Driven Design 而不是Evans的原版。&/p&&p&一个DDD 实践者经常使用的重要的practise，就是跟PM和客户讨价还价, 学会拒绝和剪裁，合理的push back，也是我面试Sr. SDE时候会考察的软技能之一&/p&&p&因为复杂的技术实现是有代价的，要看换来的业务价值是什么，如果核心逻辑要求一个技术实现，关系到项目的成败，那就要不惜代价的去选择完备的实现方案。而当一个超复杂的技术实现只是为了一个可有可无的业务功能，那就要强势说服客户PM砍掉这个功能。因为支持这个功能造成系统的复杂度，可能会给拓展核心业务造成困难。 &/p&&p&这里推荐一下Worse is better这篇文章，论述了为什么简单大于一切。&/p&&ul&&li&简单要大于正确性，因为现在的正确未必是未来的正确，砍掉意义不大的正确性，保持核心的简单性，是让核心能够轻装上阵，更好演化的关键。&/li&&li&简单大于一致性，这个很多例子了，大家从事务的强一致行转为prefer 最重一致性就是在这点上trade off的最好例子&/li&&li&简单大于功能完备性，这个上边我也解释过了。不需要非核心的功能完备性而牺牲核心或者系统的整体简单性。&/li&&/ul&&p&那么怎么在简单，业务正确性，一致性，完备性里，做合理的trade-off（因为完全不要正确性，一致性和完备性也不行呀）就需要对业务有深入的了解认识。程序员的本质还是解决问题的人，只是恰巧用计算机来解决问题而已，好的程序员是&b&简化问题和解决问题的高手&/b&，他能够在业务/技术/人员/文化/复杂度/等等多角度做剪裁，来衡量各种得失，而不是把自己逼死累死在复杂的技术实现上，用灵活的手段来让自己的组和公司获得成功。&/p&&p&&b&跳出技术思维的束缚，从全局来思考问题，我想，这就是DDD的精神吧。&/b&&/p&&p&&br&&/p&&h2&尾&/h2&&p&我是一个数学系，全自学转行计算机的程序员(因为真的喜欢这行，直到现在也是很经常看书或论文到夜里1点)，现在在Amazon西雅图的一个负责后端黑魔法，做智能优化决策的部门里担任tech leader，最近正在写一篇我这10年里如何自学的文章，主要会讲：&/p&&ul&&li&我看过的书的列表和书评，&/li&&li&推荐的阅读顺序(我觉得这个对自学真的太重要了，在没有必要的铺垫知识的情况下，去读很深入的书，效率非常非常低），&/li&&li&那些年我踩过的那些坑。。。&/li&&li&对于有争议的技术的我的看法，和一些我强烈建议不要去学的（真的浪费了我很多生命），在被淘汰的路上的，而还有很多人在吹的东西。&/li&&/ul&&p&自学的路是孤独的，走去了弯路是痛苦的，丢失了方向是迷茫的，看不懂书对自己的智商是质疑的，这里边的苦，我很明白。所以希望自己的这条路径可以当作大家的一个参考，提供一点点帮助。（来看看自学10年的人的心里的苦：&a href=&https://www.zhihu.com/question//answer/& class=&internal&&阿莱克西斯：真正“自学”入门编程/程序员是一种怎样的体验？&/a&）&/p&&p&自学计算机的，和即使毕业也在学习计算机的小盆友可以关注一下哟/(/ / /ω/ / /)/ ，还没确定用什么平台写，不过文章发出后我会用想法通知关注的大家。&/p&&p&&br&&/p&&p&欢迎催稿 （这里有一个懒惰的表情） &/p&&p&连赞都不点的人没资格催稿…（咩 —_— &/p&&p&&br&&/p&&p&(￣?￣)&/p&
在我目前10年的程序员道路上，让我感到自己质变了的，有大彻大悟的感觉的，是：一本书，和2个概念/技术/领域/...吧。分别对应我所认为的程序员能力对应的三个关键方面。 1书2概念一本书：Designing Data-Intensive Applications， 对应程序员3能力中的工具…
&div class=&highlight&&&pre&&code class=&language-text&&前端资源汇总
&/code&&/pre&&/div&&p&综合类 | 地址&br&
--- | --- &br&
前端知识体系--&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/sb/p/3894452.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端知识体系&i class=&icon-external&&&/i&&/a&&br&
前端知识结构--&a class=& wrap external& href=&//link.zhihu.com/?target=https%3A//github.com/JacksonTian/fks& target=&_blank& rel=&nofollow noreferrer&&GitHub - JacksonTian/fks: 前端技能汇总 Frontend Knowledge Structure&i class=&icon-external&&&/i&&/a&&br&
免费的编程中文书籍索引--&a class=& wrap external& href=&//link.zhihu.com/?target=https%3A//github.com/justjavac/free-programming-books-zh_CN& target=&_blank& rel=&nofollow noreferrer&&GitHub - justjavac/free-programming-books-zh_CN: 免费的计算机编程类中文书籍，欢迎投稿&i class=&icon-external&&&/i&&/a&&br&
智能社 - 精通JavaScript开发--&a href=&//link.zhihu.com/?target=http%3A//study.163.com/course/introduction/224014.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&精通JavaScript开发&i class=&icon-external&&&/i&&/a&(视频教学)&br&
重新介绍 JavaScript（JS 教程）--&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&重新介绍 JavaScript（JS 教程）&i class=&icon-external&&&/i&&/a&(文字教学)&br&
麻省理工学院公开课：计算机科学及编程导论--&a href=&//link.zhihu.com/?target=http%3A//v.163.com/special/opencourse/bianchengdaolun.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&麻省理工学院公开课：计算机科学及编程导论&i class=&icon-external&&&/i&&/a&&br&
JavaScript中的this陷阱的最全收集--没有之一--&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/a/0298& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript中的this陷阱的最全收集--没有之一&i class=&icon-external&&&/i&&/a&&br&
JS函数式编程指南--&a href=&//link.zhihu.com/?target=https%3A//llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&第 1 章: 我们在做什么？&i class=&icon-external&&&/i&&/a&&br&
JavaScript Promise迷你书（中文版）--&a href=&//link.zhihu.com/?target=http%3A//liubin.github.io/promises-book& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&liubin.github.io/promis&/span&&span class=&invisible&&es-book&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
腾讯移动Web前端知识库--&a href=&//link.zhihu.com/?target=https%3A//github.com/AlloyTeam/Mars& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - AlloyTeam/Mars: 腾讯移动Web前端知识库&i class=&icon-external&&&/i&&/a&&br&
大前端工具集 - 聂微东--&a href=&//link.zhihu.com/?target=https%3A//github.com/nieweidong/fetool& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - nieweidong/fetool: 大前端的瑞士军刀，只记录有用的&i class=&icon-external&&&/i&&/a&&br&
Web Front-end Stack v2.2--&a href=&//link.zhihu.com/?target=https%3A//raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%2520Front%2520End%2520Stack.png& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&raw.githubusercontent.com&/span&&span class=&invisible&&/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&
入门类 | 地址&br&
--- | --- &br&
前端入门教程--&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/jikey/p/3613082.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&web前端开发分享&i class=&icon-external&&&/i&&/a&&br&
瘳雪峰的Javascript教程--&a href=&//link.zhihu.com/?target=http%3A//www.liaoxuefeng.com/wiki/867bd51a89c25cc8b43bdb3000& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript教程&i class=&icon-external&&&/i&&/a&（js笔记）&br&
jQuery基础教程--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/11& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery基础课程_jQuery视频教程&i class=&icon-external&&&/i&&/a&&br&
前端工程师必备的PS技能——切图篇--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/506& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端工程师必备的PS技能&i class=&icon-external&&&/i&&/a&&br&
结合个人经历总结的前端入门方法--&a href=&//link.zhihu.com/?target=https%3A//github.com/qiu-deqing/FE-learning& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - qiu-deqing/FE-learning: 结合个人经历总结的前端入门方法&i class=&icon-external&&&/i&&/a&&br&&br&
jQuery| 地址&br&
jQuery API 中文文档--&a href=&//link.zhihu.com/?target=http%3A//www.jquery123.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery API 中文文档 -- jQuery 中文网&i class=&icon-external&&&/i&&/a&&br&
hemin 在线版--&a href=&//link.zhihu.com/?target=http%3A//hemin.cn/jq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jquery 在线手册&i class=&icon-external&&&/i&&/a&&br&
css88 jq api--&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/jqapi-1.9/on& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&.on() | jQuery API中文文档(适用jQuery 1.0&i class=&icon-external&&&/i&&/a&&br&
css88 jqui api--&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/jquery-ui-api& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery UI API中文文档(适用jQuery UI 1.10)&i class=&icon-external&&&/i&&/a&&br&
学习jquery--&a href=&//link.zhihu.com/?target=http%3A//learn.jquery.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery Learning Center&i class=&icon-external&&&/i&&/a&&br&
jquery 源码查找--&a href=&//link.zhihu.com/?target=http%3A//james.padolsey.com/jquery& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&jQuery source viewer&i class=&icon-external&&&/i&&/a&&br&&br&
综合API| 地址&br&
runoob.com-包含各种API集合--&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&菜鸟教程 - 学的不仅是技术，更是梦想！&i class=&icon-external&&&/i&&/a&&br&
开源中国在线API文档合集--&a href=&//link.zhihu.com/?target=http%3A//tool.oschina.net/apidocs& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&在线API文档&i class=&icon-external&&&/i&&/a&&br&
devdocs--&a href=&//link.zhihu.com/?target=http%3A//devdocs.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DevDocs API Documentation&i class=&icon-external&&&/i&&/a& 英文综合API网站&br&&br&
效果类 | 地址&br&
--- | --- &br&
js弹出层--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/58& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&弹出层效果_技术学习教程&i class=&icon-external&&&/i&&/a&&br&
js焦点图轮播特效--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/18& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&焦点图轮播特效&i class=&icon-external&&&/i&&/a&&br&
w3help--&a href=&//link.zhihu.com/?target=http%3A//www.w3help.org& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&w3help.org&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 综合Bug集合网站&br&&br&
CSS| 地址&br&
腾讯css3动画制作工具--&a href=&//link.zhihu.com/?target=http%3A//isux.tencent.com/css3/tools.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&动画工具[Tool]&i class=&icon-external&&&/i&&/a&&br&
志爷css小工具集合--&a href=&//link.zhihu.com/?target=http%3A//linxz.github.io/tianyizone& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS小工具&i class=&icon-external&&&/i&&/a&&br&
bouncejs 触摸库--&a href=&//link.zhihu.com/?target=http%3A//bouncejs.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bounce.js&i class=&icon-external&&&/i&&/a&&br&
animate.css--&a href=&//link.zhihu.com/?target=http%3A//daneden.github.io/animate.css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Animate.css&i class=&icon-external&&&/i&&/a&&br&
全局CSS的终结(狗带 [译]--&a href=&//link.zhihu.com/?target=http%3A//www.alloyteam.com/6& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全局CSS的终结(狗带) [译]&i class=&icon-external&&&/i&&/a&&br&&br&
工具类| 地址&br&
--- | --- &br&
css sprite 雪碧图制作--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/93& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS Sprite雪碧图应用&i class=&icon-external&&&/i&&/a&&br&
版本控制入门 – 搬进 Github--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/390& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&版本控制入门&i class=&icon-external&&&/i&&/a&&br&
Grunt-beginner前端自动化工具--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/30& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Grunt-beginner前端自动化工具&i class=&icon-external&&&/i&&/a&&br&&br&
慕课专题| 地址&br&
--- | --- &br&
张鑫旭 - 慕课系列--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/197450& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&imooc.com/space/teacher&/span&&span class=&invisible&&/id/197450&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
lyn - 慕课系列--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/104593& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&imooc.com/space/teacher&/span&&span class=&invisible&&/id/104593&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
艾伦 - 慕课系列--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/space/teacher/id/290139& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&imooc.com/space/teacher&/span&&span class=&invisible&&/id/290139&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
碧仔 - Hello，移动WEB--&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/view/494& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hello，移动WEB_移动web建站&i class=&icon-external&&&/i&&/a&&br&&br&
弹出层| 地址&br&
artDialog 最新版--&a href=&//link.zhihu.com/?target=https%3A//github.com/aui/artDialog& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - aui/artDialog: 经典的网页对话框组件&i class=&icon-external&&&/i&&/a&&br&
artDialog 文档--&a href=&//link.zhihu.com/?target=http%3A//aui.github.io/artDialog/doc/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&artDialog&i class=&icon-external&&&/i&&/a&&br&
google code 下载地址--&a href=&//link.zhihu.com/?target=https%3A//code.google.com/p/artdialog/downloads/list& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&code.google.com/p/artdi&/span&&span class=&invisible&&alog/downloads/list&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
贤心弹出层--&a href=&//link.zhihu.com/?target=http%3A//layer.layui.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&layer官方演示与讲解（jQuery弹出层插件）&i class=&icon-external&&&/i&&/a&&br&&br&
Angularjs| 地址&br&
Angular.js 的一些学习资源--&a href=&//link.zhihu.com/?target=https%3A//github.com/dolymood/AngularLearning& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - dolymood/AngularLearning: Angular.js 的一些学习资源&i class=&icon-external&&&/i&&/a&&br&
Angular的一些扩展指令|&a href=&//link.zhihu.com/?target=http%3A//www.lovelucy.info/angularjs-best-practices.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AngularJS 最佳实践&i class=&icon-external&&&/i&&/a&&br&
Angular数据绑定原理|&a href=&//link.zhihu.com/?target=https%3A//github.com/Pasvaz/bindonce& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - Pasvaz/bindonce: Zero watches binding for AngularJs&i class=&icon-external&&&/i&&/a&&br&
一些扩展Angular UI组件|&a href=&//link.zhihu.com/?target=https%3A//github.com/angular-ui& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AngularUI · GitHub&i class=&icon-external&&&/i&&/a&&br&
Ember和AngularJS的性能测试|&a href=&//link.zhihu.com/?target=http%3A//voidcanvas.com/emberjs-vs-angularjs-performance-testing& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&voidcanvas.com/emberjs-&/span&&span class=&invisible&&vs-angularjs-performance-testing&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
带你走近AngularJS - 基本功能介绍|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&带你走近AngularJS&i class=&icon-external&&&/i&&/a&&br&
Angularjs开发指南|&a href=&//link.zhihu.com/?target=http%3A//angular.duapp.com/docs/guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&403页面不存在&i class=&icon-external&&&/i&&/a&&br&
Angularjs学习|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/amosli/p/3710648.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Angularjs学习---官方phonecat实例学习angularjs step0 step1&i class=&icon-external&&&/i&&/a&&br&
不要带着jQuery的思维去学习AngularJS|&a href=&//link.zhihu.com/?target=http%3A//www.rainweb.cn/article/angularjs-jquery.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&不要带着jQuery的思维去学习AngularJS&i class=&icon-external&&&/i&&/a&&br&
angularjs 学习笔记|&a href=&//link.zhihu.com/?target=http%3A//wangjiatao.diandian.com/%3Ftag%3Dangularjs& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&点点网络 | 轻博客&i class=&icon-external&&&/i&&/a&&br&
angularjs 开发指南|&a href=&//link.zhihu.com/?target=http%3A//www.angularjs.cn/T008& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&{{global.metatitle}}&i class=&icon-external&&&/i&&/a&&br&
angularjs 英文资料|&a href=&//link.zhihu.com/?target=https%3A//github.com/jmcunningham/AngularJS-Learning& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - jmcunningham/AngularJS-Learning: A bunch of links to blog posts, articles, videos, etc for learning AngularJS&i class=&icon-external&&&/i&&/a&&br&
angular bootstrap|&a href=&//link.zhihu.com/?target=http%3A//angular-ui.github.io/bootstrap& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Angular directives for Bootstrap&i class=&icon-external&&&/i&&/a&&br&
angular jq mobile|&a href=&//link.zhihu.com/?target=https%3A//github.com/opitzconsulting/jquery-mobile-angular-adapter& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - opitzconsulting/jquery-mobile-angular-adapter: jquery mobile angular adapter&i class=&icon-external&&&/i&&/a&&br&
angular ui|&a href=&//link.zhihu.com/?target=http%3A//mgcrea.github.io/angular-strap& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AngularStrap&i class=&icon-external&&&/i&&/a&&br&
整合jQuery Mobile+AngularJS经验谈|&a href=&//link.zhihu.com/?target=http%3A//www.tuicool.com/articles/7ZZVr2& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【每日一博】整合jQuery Mobile+AngularJS经验谈&i class=&icon-external&&&/i&&/a&&br&
有jQuery背景，该如何用AngularJS编程思想|&a href=&//link.zhihu.com/?target=http%3A//blog.jobbole.com/46589/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&有jQuery背景，该如何用AngularJS编程思想？&i class=&icon-external&&&/i&&/a&&br&
AngularJS在线教程|&a href=&//link.zhihu.com/?target=http%3A//each.sinaapp.com/angular& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AngularJs 在线教程 入门教程 开发指南 学习笔记 基础教程 angular在线&i class=&icon-external&&&/i&&/a&&br&
angular学习笔记|&a href=&//link.zhihu.com/?target=http%3A//www.zouyesheng.com/angular.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AngularJS学习笔记&i class=&icon-external&&&/i&&/a&&br&&br&&br&
React| 地址&br&
react.js 中文论坛|&a href=&//link.zhihu.com/?target=http%3A//www.react-china.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React 中文&i class=&icon-external&&&/i&&/a&&br&
react.js 官方网址|&a href=&//link.zhihu.com/?target=https%3A//facebook.github.io/react/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&A JavaScript library for building user interfaces&i class=&icon-external&&&/i&&/a&&br&
react.js 官方文档|&a href=&//link.zhihu.com/?target=https%3A//facebook.github.io/react/docs/getting-started.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Getting Started&i class=&icon-external&&&/i&&/a&&br&
react.js material UI|&a href=&//link.zhihu.com/?target=http%3A//material-ui.com/%23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Material-UI&i class=&icon-external&&&/i&&/a&&br&
react.js TouchstoneJS UI|&a href=&//link.zhihu.com/?target=http%3A//touchstonejs.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TouchstoneJS&i class=&icon-external&&&/i&&/a&&br&
react.js amazeui UI|&a href=&//link.zhihu.com/?target=http%3A//amazeui.org/react& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Amaze UI React&i class=&icon-external&&&/i&&/a&&br&
React 入门实例教程 - 阮一峰|&a href=&//link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2015/03/react.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React 入门实例教程&i class=&icon-external&&&/i&&/a&&br&
React Native 中文版|&a href=&//link.zhihu.com/?target=http%3A//wiki.jikexueyuan.com/project/react-native& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React Native官方文档中文版_React Native中文教程_React Native开发中文手册[PDF]下载&i class=&icon-external&&&/i&&/a&&br&
Webpack 和 React 小书 - 前端乱炖|&a href=&//link.zhihu.com/?target=http%3A//www.html-js.com/article/Fakefish%& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Webpack 和 React 小书&i class=&icon-external&&&/i&&/a&&br&
Webpack 和 React 小书 - gitbook|&a href=&//link.zhihu.com/?target=https%3A//fakefish.github.io/react-webpack-cookbook& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&介绍 | React Webpack 小书&i class=&icon-external&&&/i&&/a&&br&
webpack|&a href=&//link.zhihu.com/?target=https%3A//github.com/webpack/webpack& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - webpack/webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through &loaders& modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.&i class=&icon-external&&&/i&&/a&&br&
Webpack，101入门体验|&a href=&//link.zhihu.com/?target=http%3A//html-js.com/article/3009& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Webpack，101入门体验&i class=&icon-external&&&/i&&/a&&br&
webpack入门教程|&a href=&//link.zhihu.com/?target=http%3A//html-js.com/article/3113& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&webpack入门教程&i class=&icon-external&&&/i&&/a&&br&
基于webpack搭建前端工程解决方案探索|&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/a/9526& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&基于webpack搭建前端工程解决方案探索&i class=&icon-external&&&/i&&/a&&br&
React原创实战视频教程|&a href=&//link.zhihu.com/?target=http%3A//www.piliyu.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&霹雳渔&i class=&icon-external&&&/i&&/a&&br&&br&&br&
移动端API| 地址&br&
--- | --- &br&
99移动端知识集合|&a href=&//link.zhihu.com/?target=https%3A//github.com/jtyjty99999/mobileTech& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - jtyjty99999/mobileTech: A useful tools or tips list for mobile web application developing&i class=&icon-external&&&/i&&/a&&br&
移动端前端开发知识库|&a href=&//link.zhihu.com/?target=https%3A//github.com/AlloyTeam/Mars& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - AlloyTeam/Mars: 腾讯移动Web前端知识库&i class=&icon-external&&&/i&&/a&&br&
移动前端的一些坑和解决方法（外观表现）|&a href=&//link.zhihu.com/?target=http%3A//caibaojian.com/mobile-web-bug.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&移动前端的一些坑和解决方法（外观表现）&i class=&icon-external&&&/i&&/a&&br&
【原】移动web资源整理|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/PeunZhang/p/3407453.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【原】移动web资源整理&i class=&icon-external&&&/i&&/a&&br&
zepto 1.0 中文手册|&a href=&//link.zhihu.com/?target=http%3A//mweb.baidu.com/zeptoapi& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&403页面不存在&i class=&icon-external&&&/i&&/a&&br&
zepto 1.0 中文手册|&a href=&//link.zhihu.com/?target=http%3A//www.html-5.cn/Manual/Zepto& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&html-5.cn/Manual/Zepto&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&
zepto 1.1.2|&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/doc/zeptojs_api& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Zepto.js (1.1.6) API 中文文档&i class=&icon-external&&&/i&&/a&&br&
zepto 中文注释|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/sky000/archive//2988952.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zepto源码注释&i class=&icon-external&&&/i&&/a&&br&
jqmobile 手册|&a href=&//link.zhihu.com/?target=http%3A//app-framework-software.intel.com/api.php& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&app-framework-software.intel.com&/span&&span class=&invisible&&/api.php&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
移动浏览器开发集合|&a href=&//link.zhihu.com/?target=https%3A//github.com/maxzhang/maxzhang.github.com/issues& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Issues · maxzhang/maxzhang.github.com · GitHub&i class=&icon-external&&&/i&&/a&&br&
移动开发大杂烩|&a href=&//link.zhihu.com/?target=https%3A//github.com/hoosin/mobile-web-favorites& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - hoosin/mobile-web-favorites: This is a favorites, with a mobile web tips.&i class=&icon-external&&&/i&&/a&&br&
微信webview中的一些问题|&a href=&//link.zhihu.com/?target=http%3A//lin-chao.github.io//%25E5%25BE%25AE%25E4%25BF& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&lin-chao.github.io/2014&/span&&span class=&invisible&&/11/14/%E5%BE%AE%E4%BF&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98&br&&br&&br&
框架| 地址&br&
--- | --- &br&
特色的HTML框架可以创建精美的iOS应用|&a href=&//link.zhihu.com/?target=http%3A//framework7.taobao.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps&i class=&icon-external&&&/i&&/a&&br&
淘宝SUI|&a href=&//link.zhihu.com/?target=http%3A//m.sui.taobao.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SUI Mobile&i class=&icon-external&&&/i&&/a&&br&&br&&br&
avalon| 地址&br&
--- | --- &br&
avalonjs|&a href=&//link.zhihu.com/?target=http%3A//avalonjs.github.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&avalon中文官网&i class=&icon-external&&&/i&&/a&&br&
Avalon新一代UI库： OniUI|&a href=&//link.zhihu.com/?target=http%3A//ued.qunar.com/oniui/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&OniUI&i class=&icon-external&&&/i&&/a&&br&
avalon.oniui-基于avalon的组件库|&a href=&//link.zhihu.com/?target=https%3A//github.com/RubyLouvre/avalon.oniui& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - RubyLouvre/avalon.oniui: 基于avalon的组件库&i class=&icon-external&&&/i&&/a&&br&
Requriejs| 地址&br&
--- | --- &br&
Javascript模块化编程（一）：模块的写法 |&a href=&//link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2012/10/javascript_module.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Javascript模块化编程（一）：模块的写法&i class=&icon-external&&&/i&&/a&&br&
Javascript模块化编程（二）：AMD规范|&a href=&//link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Javascript模块化编程（二）：AMD规范&i class=&icon-external&&&/i&&/a&&br&
Javascript模块化编程（三）：require.js的用法|&a href=&//link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2012/11/require_js.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Javascript模块化编程（三）：require.js的用法&i class=&icon-external&&&/i&&/a&&br&
RequireJS入门（一）|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/snandy/archive//2513652.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RequireJS入门（一）&i class=&icon-external&&&/i&&/a&&br&
RequireJS入门（二）|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/snandy/archive//2513712.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RequireJS入门（二）&i class=&icon-external&&&/i&&/a&&br&
RequireJS进阶（三）|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/snandy/archive//2538001.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RequireJS进阶（三）&i class=&icon-external&&&/i&&/a&&br&
requrie源码学习|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/yexiaochai/p/3632580.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【requireJS源码学习01】了解整个requireJS的结构&i class=&icon-external&&&/i&&/a&&br&
requrie 入门指南|&a href=&//link.zhihu.com/?target=http%3A//www.oschina.net/translate/getting-started-with-the-requirejs-library& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RequireJS 入门指南&i class=&icon-external&&&/i&&/a&&br&
requrieJS 学习笔记|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/yexiaochai/p/3214926.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RequireJS学习笔记&i class=&icon-external&&&/i&&/a&&br&
requriejs 其一 |&a href=&//link.zhihu.com/?target=http%3A//cyj.me/why-seajs/requirejs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Why SeaJS&i class=&icon-external&&&/i&&/a&&br&
require backbone结合|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/yexiaochai/p/3221081.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RequireJS与Backbone简单整合&i class=&icon-external&&&/i&&/a&&br&&br&&br&
Seajs| 地址&br&
--- | --- &br&
seajs|&a href=&//link.zhihu.com/?target=http%3A//seajs.org& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&seajs.org&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&
seajs 中文手册|&a href=&//link.zhihu.com/?target=http%3A//cyj.me/why-seajs/zh& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Why SeaJS&i class=&icon-external&&&/i&&/a&&br&&br&&br&
Less,sass| 地址&br&
--- | --- &br&
sass|&a href=&//link.zhihu.com/?target=http%3A//www.w3cplus.com/sassguide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sass入门 - sass教程&i class=&icon-external&&&/i&&/a&&br&
sass教程-sass中国|&a href=&//link.zhihu.com/?target=http%3A//www.sass.hk& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sass中国_SCSS教程_Sass教程_Sass学习&i class=&icon-external&&&/i&&/a&&br&
Sass 中文文档|&a href=&//link.zhihu.com/?target=http%3A//sass.bootcss.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sass: Syntactically Awesome Style Sheets&i class=&icon-external&&&/i&&/a&&br&
less|&a href=&//link.zhihu.com/?target=http%3A//less.bootcss.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&快速入门 | Less.js 中文文档&i class=&icon-external&&&/i&&/a&&br&&br&&br&
Markdown| 地址&br&
--- | --- &br&
Markdown 语法说明 (简体中文版|&a href=&//link.zhihu.com/?target=http%3A//wowubuntu.com/markdown& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Markdown 语法说明(简体中文版)&i class=&icon-external&&&/i&&/a&&br&
markdown入门参考|&a href=&//link.zhihu.com/?target=https%3A//github.com/LearnShare/Learning-Markdown/blob/master/README.md& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Learning-Markdown/README.md at master · LearnShare/Learning-Markdown · GitHub&i class=&icon-external&&&/i&&/a&&br&
gitbook|&a href=&//link.zhihu.com/?target=https%3A//www.gitbook.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitBook ?· Writing made easy&i class=&icon-external&&&/i&&/a& 国外的在线markdown可编辑成书&br&
mdeditor|&a href=&//link.zhihu.com/?target=https%3A//www.zybuluo.com/mdeditor& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cmd Markdown 编辑阅读器&i class=&icon-external&&&/i&&/a&
一款国内的在线markdown编辑器&br&
stackedit|&a href=&//link.zhihu.com/?target=https%3A//stackedit.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&StackEdit ?EUR“ In-browser markdown editor&i class=&icon-external&&&/i&&/a& 国外的在线markdown编辑器，功能强大，同步云盘&br&
mditor|&a href=&//link.zhihu.com/?target=http%3A//bh-lay.github.io/mditor& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&mditor 一款轻量级的markdown编辑器&i class=&icon-external&&&/i&&/a& 一款轻量级的markdown编辑器&br&
lepture-editor|&a href=&//link.zhihu.com/?target=https%3A//github.com/lepture/editor& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - lepture/editor: A markdown editor. still on development.&i class=&icon-external&&&/i&&/a&&br&
markdown-editor|&a href=&//link.zhihu.com/?target=https%3A//github.com/jbt/markdown-editor& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - jbt/markdown-editor: Live (Github-flavored) Markdown Editor&i class=&icon-external&&&/i&&/a&&br&&br&&br&
D3| 地址&br&
--- | --- &br&
d3 Tutorials|&a href=&//link.zhihu.com/?target=https%3A//github.com/mbostock/d3/wiki/Tutorials& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tutorials · d3/d3 Wiki · GitHub&i class=&icon-external&&&/i&&/a&&br&
Gallery|&a href=&//link.zhihu.com/?target=https%3A//github.com/mbostock/d3/wiki/Gallery& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Gallery · d3/d3 Wiki · GitHub&i class=&icon-external&&&/i&&/a&&br&
lofter|&a href=&//link.zhihu.com/?target=http%3A//datavisual.lofter.com/post/40cf3a_188e535& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&习·D3.js 学习资源汇总-Data Visualization&i class=&icon-external&&&/i&&/a&&br&
iteye|&a href=&//link.zhihu.com/?target=http%3A//alanland.iteye.com/blog/1878595& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&d3.js 学习资源&i class=&icon-external&&&/i&&/a&&br&
ruanyifeng|&a href=&//link.zhihu.com/?target=http%3A//javascript.ruanyifeng.com/library/d3.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&D3.js -- JavaScript 标准参考教程（alpha）&i class=&icon-external&&&/i&&/a&&br&&br&&br&
兼容性| 地址&br&
--- | --- &br&
esma 兼容列表|&a href=&//link.zhihu.com/?target=http%3A//kangax.github.io/compat-table/es6& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECMAScript 6 compatibility table&i class=&icon-external&&&/i&&/a&&br&
W3C CSS验证服务|&a href=&//link.zhihu.com/?target=http%3A//jigsaw.w3.org/css-validator/validator.html.zh-cn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&W3C CSS 验证服务&i class=&icon-external&&&/i&&/a&&br&
caniuse|&a href=&//link.zhihu.com/?target=http%3A//caniuse.com/%23index& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Can I use... Support tables for HTML5, CSS3, etc&i class=&icon-external&&&/i&&/a&&br&
csscreator|&a href=&//link.zhihu.com/?target=http%3A//csscreator.com/properties& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&csscreator.com/properti&/span&&span class=&invisible&&es&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
microsoft|&a href=&//link.zhihu.com/?target=https%3A//msdn.microsoft.com/zh-cn/library/cc351024& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS ?… 1/4 ?(R)?aeEUR§?’OE Internet Explorer&i class=&icon-external&&&/i&&/a&(v=vs.85.aspx&br&
在线测兼容-移动端|&a href=&//link.zhihu.com/?target=http%3A//www.responsinator.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Responsinator&i class=&icon-external&&&/i&&/a&&br&
emulators|&a href=&//link.zhihu.com/?target=https%3A//www.manymo.com/emulators& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&manymo.com/emulators&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&br&
UI相关| 地址&br&
--- | --- &br&
bootcss|&a href=&//link.zhihu.com/?target=http%3A//v3.bootcss.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bootstrap 中文文档&i class=&icon-external&&&/i&&/a&&br&
MetroUICSS|&a href=&//link.zhihu.com/?target=http%3A//www.w3cplus.com/MetroUICSS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Metro UI CSS&i class=&icon-external&&&/i&&/a&&br&
semantic|&a href=&//link.zhihu.com/?target=http%3A//semantic-ui.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Semantic UI&i class=&icon-external&&&/i&&/a&&br&
Buttons|&a href=&//link.zhihu.com/?target=http%3A//alexwolfe.github.io/Buttons& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Buttons Builder&i class=&icon-external&&&/i&&/a&&br&
kitecss|&a href=&//link.zhihu.com/?target=http%3A//hiloki.github.io/kitecss& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kite&i class=&icon-external&&&/i&&/a&&br&
pintuer|&a href=&//link.zhihu.com/?target=http%3A//www.pintuer.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&拼图Pintuer-跨屏响应&i class=&icon-external&&&/i&&/a&&br&
amazeui|&a href=&//link.zhihu.com/?target=http%3A//amazeui.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Amaze UI | 中国首个开源 HTML5 跨屏前端框架&i class=&icon-external&&&/i&&/a&&br&
worldhello|&a href=&//link.zhihu.com/?target=http%3A//www.worldhello.net/gotgithub/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GotGitHub — GotGitHub&i class=&icon-external&&&/i&&/a&&br&
linuxtoy|&a href=&//link.zhihu.com/?target=http%3A//igit.linuxtoy.org/contents.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&沉浸式学 Git: Contents&i class=&icon-external&&&/i&&/a&&br&
gitmagic|&a href=&//link.zhihu.com/?target=http%3A//www-cs-students.stanford.edu/%7Eblynn/gitmagic/intl/zh_cn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Git Magic - 前言&i class=&icon-external&&&/i&&/a&&br&
rogerdudler|&a href=&//link.zhihu.com/?target=http%3A//rogerdudler.github.io/git-guide/index.zh.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&git - the simple guide&i class=&icon-external&&&/i&&/a&&br&
gitref|&a href=&//link.zhihu.com/?target=http%3A//gitref.justjavac.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Git 参考手册&i class=&icon-external&&&/i&&/a&&br&
book|&a href=&//link.zhihu.com/?target=http%3A//git-scm.com/book/zh& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&git-scm.com/book/zh&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&
gogojimmy|&a href=&//link.zhihu.com/?target=http%3A//gogojimmy.net//how-to-use-git-1-git-basic& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Git 教學(1) : Git 的基本使用&i class=&icon-external&&&/i&&/a&&br&&br&&br&
HTTP| 地址&br&
--- | --- &br&
HTTP API 设计指南|&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/bookmark/1721& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTTP API 设计指南&i class=&icon-external&&&/i&&/a&&br&&br&&br&
其它API| 地址&br&
--- | --- &br&
javascript流行库汇总|javascriptoo&br&
验证api|&a href=&//link.zhihu.com/?target=http%3A//niceue.com/validator/demo/index.php& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&nice Validator 示例，jQuery智能表单验证&i class=&icon-external&&&/i&&/a&&br&
underscore 中文手册|&a href=&//link.zhihu.com/?target=http%3A//www.css88.com/doc/underscore& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Underscore.js(1.8.3) 中文文档&i class=&icon-external&&&/i&&/a&&br&
underscore源码分析|&a href=&//link.zhihu.com/?target=http%3A//www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&underscore.js源码分析&i class=&icon-external&&&/i&&/a&&br&
underscore源码分析-亚里士朱德的博客|&a href=&//link.zhihu.com/?target=http%3A//yalishizhude.github.io/tags/underscore& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&标签: underscore // 亚里士朱德的博客&i class=&icon-external&&&/i&&/a&&br&
underscrejs en api|&a href=&//link.zhihu.com/?target=http%3A//underscorejs.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Underscore.js&i class=&icon-external&&&/i&&/a&&br&
lodash - underscore的代替品|&a href=&//link.zhihu.com/?target=https%3A//lodash.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lodash&i class=&icon-external&&&/i&&/a&&br&
ext4api|&a href=&//link.zhihu.com/?target=http%3A//extjs-doc-cn.github.io/ext4api& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sencha Docs - Ext JS&i class=&icon-external&&&/i&&/a&&br&
backbone 中文手册|&a href=&//link.zhihu.com/?target=http%3A//www.csser.com/tools/backbone/backbone.js.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&csser.com/tools/backbon&/span&&span class=&invisible&&e/backbone.js.html&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
qwrap手册|&a href=&//link.zhihu.com/?target=http%3A//dev.qwrap.com/resource/js/_docs/_youa/%23/qw/base/loadJs_.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&QWrap 有啊版应用手册&i class=&icon-external&&&/i&&/a&&br&
缓动函数|&a href=&//link.zhihu.com/?target=http%3A//easings.net/zh-cn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&缓动函数速查表&i class=&icon-external&&&/i&&/a&&br&
svg 中文参考|&a href=&//link.zhihu.com/?target=http%3A//www.w3school.com.cn/svg/svg_reference.asp& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SVG 参考手册&i class=&icon-external&&&/i&&/a&&br&
svg mdn参考|&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/en-US/docs/Web/SVG& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SVG | MDN&i class=&icon-external&&&/i&&/a&&br&
svg 导出 canvas|&a href=&//link.zhihu.com/?target=https%3A//github.com/gabelerner/canvg& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - gabelerner/canvg: Javascript SVG parser and renderer on Canvas&i class=&icon-external&&&/i&&/a&&br&
svg 导出 png|&a href=&//link.zhihu.com/?target=https%3A//github.com/exupero/saveSvgAsPng& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - exupero/saveSvgAsPng: Save SVGs as PNGs from the browser.&i class=&icon-external&&&/i&&/a&&br&
ai-to-svg|&a href=&//link.zhihu.com/?target=http%3A//www.zamzar.com/convert/ai-to-svg& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AI to SVG | Zamzar&i class=&icon-external&&&/i&&/a&&br&
localStorage 库|&a href=&//link.zhihu.com/?target=https%3A//github.com/machao/localStorage& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - machao/localStorage: 全浏览器兼容localStorage组件&i class=&icon-external&&&/i&&/a&&br&&br&&br&
图表类| 地址&br&
--- | --- &br&
Highcharts 中文API|&a href=&//link.zhihu.com/?target=http%3A//www.hcharts.cn/api/index.php& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中文 API | Highcharts中文网&i class=&icon-external&&&/i&&/a&&br&
Highcharts 英文API|&a href=&//link.zhihu.com/?target=http%3A//api.highcharts.com/highcharts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Highcharts API Reference&i class=&icon-external&&&/i&&/a&&br&
ECharts 百度的图表软件|&a href=&//link.zhihu.com/?target=http%3A//echarts.baidu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECharts&i class=&icon-external&&&/i&&/a&&br&
高德地图|&a href=&//link.zhihu.com/?target=http%3A//lbs.amap.com/api& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&开发 | 高德开放平台&i class=&icon-external&&&/i&&/a&&br&
开源的矢量图脚本框架|&a href=&//link.zhihu.com/?target=http%3A//paperjs.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Paper.js&i class=&icon-external&&&/i&&/a&&br&
svg 地图|&a href=&//link.zhihu.com/?target=http%3A//jvectormap.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Home&i class=&icon-external&&&/i&&/a&&br&&br&&br&
vue| 地址&br&
--- | --- &br&
Vue|&a href=&//link.zhihu.com/?target=http%3A//cn.vuejs.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&vue.js&i class=&icon-external&&&/i&&/a&&br&
Vue 论坛|&a href=&//link.zhihu.com/?target=http%3A//forum.vuejs.org& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue.js Discussion&i class=&icon-external&&&/i&&/a&&br&
Vue 入门指南|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/aaronjs/p/3660102.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue 入门指南&i class=&icon-external&&&/i&&/a&&br&
Vue 的一些资源索引|&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/a/1057& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue.js 的一些资源索引&i class=&icon-external&&&/i&&/a&&br&
awesome-vue|&a href=&//link.zhihu.com/?target=https%3A//github.com/vuejs/awesome-vue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - vuejs/awesome-vue: A curated list of awesome things related to Vue.js&i class=&icon-external&&&/i&&/a&&br&&br&&br&
正则| 地址&br&
--- | --- &br&
JS正则表达式元字符|&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/a/1140& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JS正则表达式元字符&i class=&icon-external&&&/i&&/a&&br&
正则表达式30分钟入门教程|&a href=&//link.zhihu.com/?target=http%3A//deerchao.net/tutorials/regex/regex.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&正则表达式30分钟入门教程&i class=&icon-external&&&/i&&/a&&br&
MDN-正则表达式|&a href=&//link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&正则表达式 - JavaScript&i class=&icon-external&&&/i&&/a&&br&
ruanyifeng - RegExp对象|&a href=&//link.zhihu.com/?target=http%3A//javascript.ruanyifeng.com/stdlib/regexp.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RegExp对象 -- JavaScript 标准参考教程（alpha）&i class=&icon-external&&&/i&&/a&&br&
小胡子哥 - 进阶正则表达式|&a href=&//link.zhihu.com/?target=http%3A//div.io/topic/764%3Fpage%3D1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&进阶正则表达式&i class=&icon-external&&&/i&&/a&&br&
is.js|&a href=&//link.zhihu.com/?target=https%3A//github.com/Cedriking/is.js/blob/master/is.js& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&is.js/is.js at master · Cedriking/is.js · GitHub&i class=&icon-external&&&/i&&/a&&br&
正则在线测试|&a href=&//link.zhihu.com/?target=http%3A//regexper.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Regexper&i class=&icon-external&&&/i&&/a&&br&&br&&br&
ionic| 地址&br&
--- | --- &br&
ionic|&a href=&//link.zhihu.com/?target=https%3A//github.com/ychow/ionic-guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ychow/ionic-guide: Ionic 中文指南&i class=&icon-external&&&/i&&/a&&br&&br&&br&
其它| 地址&br&
--- | --- &br&
Mock.js 是一款模拟数据生成器|&a href=&//link.zhihu.com/?target=http%3A//mockjs.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mock.js&i class=&icon-external&&&/i&&/a&&br&&br&&br&
前端| 地址&br&
--- | --- &br&
通过分析github代码库总结出来的工程师代码书写习惯|&a href=&//link.zhihu.com/?target=http%3A//alloyteam.github.io/CodeGuide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Code Guide by @AlloyTeam&i class=&icon-external&&&/i&&/a&&br&
HTML&CSS编码规范 by @mdo|&a href=&//link.zhihu.com/?target=http%3A//codeguide.bootcss.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&编码规范 by @mdo&i class=&icon-external&&&/i&&/a&&br&
团队合作的css命名规范-腾讯AlloyTeam前端团队|&a href=&//link.zhihu.com/?target=http%3A//www.alloyteam.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&alloyteam.com/&/span&&span class=&invisible&&07&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
前端编码规范之js - by yuwenhui|&a href=&//link.zhihu.com/?target=http%3A//yuwenhui.github.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Max Yu&i class=&icon-external&&&/i&&/a&&br&
前端编码规范之js - by 李靖|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/hustskyking/p/javascript-spec.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端编码规范之JavaScript&i class=&icon-external&&&/i&&/a&&br&
前端开发规范手册|&a href=&//link.zhihu.com/?target=http%3A//zhibimo.com/read/Ashu/front-end-style-guide& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&zhibimo.com/read/Ashu/f&/span&&span class=&invisible&&ront-end-style-guide&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
Airbnb JavaScript 编码规范（简体中文版）|&a href=&//link.zhihu.com/?target=https%3A//github.com/yuche/javascript%23table-of-contents& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - yuche/javascript: Airbnb JavaScript
编码规范&i class=&icon-external&&&/i&&/a&&br&
AMD与CMD规范的区别|&a href=&http://www.zhihu.com/question/& class=&internal&&AMD 和 CMD 的区别有哪些？ - JavaScript&/a&&br&
AMD与CMD规范的区别|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/tugenhua0707/p/3507957.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AMD规范与CMD规范的区别&i class=&icon-external&&&/i&&/a&&br&
KISSY 源码规范|&a href=&//link.zhihu.com/?target=http%3A//docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&KISSY 源码规范&i class=&icon-external&&&/i&&/a&&br&
bt编码规范|&a href=&//link.zhihu.com/?target=http%3A//codeguide.bootcss.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&编码规范 by @mdo&i class=&icon-external&&&/i&&/a&&br&
规范加强版|&a href=&//link.zhihu.com/?target=https%3A//github.com/Suxiaogang/Code_Guide& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/Suxiaogang/C&/span&&span class=&invisible&&ode_Guide&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
前端代码规范 及 最佳实践|&a href=&//link.zhihu.com/?target=http%3A//blog.jobbole.com/79075& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端代码规范 及 最佳实践&i class=&icon-external&&&/i&&/a&&br&
百度前端规范|&a href=&//link.zhihu.com/?target=http%3A//coderlmn.github.io/code-standards& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端代码规范 及 最佳实践&i class=&icon-external&&&/i&&/a&&br&
百度前端规范|&a href=&//link.zhihu.com/?target=http%3A//isobar-idev.github.io/code-standards& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ISOBAR Front-end Code Standards & Best Practices&i class=&icon-external&&&/i&&/a&&br&
百度前端规范|&a href=&http://zhuanlan.zhihu.com/fuyun/& class=&internal&&Baidu Front-end Style Guides - 浮云 - 知乎专栏&/a&&br&
ECMAScript6 编码规范--广发证券前端团队|&a href=&//link.zhihu.com/?target=https%3A//github.com/gf-rd/es6-coding-style& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - gf-rd/es6-coding-style: ECMAScript 2015 Coding Style -- 广发证券前端团队&i class=&icon-external&&&/i&&/a&&br&
JavaScript 风格指南/编码规范（Airbnb公司版）|&a href=&//link.zhihu.com/?target=http%3A//blog.jobbole.com/79484& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript 风格指南/编码规范（Airbnb公司版）&i class=&icon-external&&&/i&&/a&&br&
网易前端开发规范|&a href=&//link.zhihu.com/?target=http%3A//nec.netease.com/standard& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&规范 - NEC : 更好的CSS样式解决方案&i class=&icon-external&&&/i&&/a&&br&
css模块|&a href=&//link.zhihu.com/?target=http%3A//www.75team.com/archives/1049& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&归档 - 奇舞团博客&i class=&icon-external&&&/i&&/a&&br&
前端规范资源列表|&a href=&//link.zhihu.com/?target=https%3A//github.com/ecomfe/spec& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - ecomfe/spec: This repository contains the specifications.&i class=&icon-external&&&/i&&/a&&br&&br&&br&
PHP| 地址&br&
--- | --- &br&
最流行的PHP 代码规范|&a href=&//link.zhihu.com/?target=http%3A//segmentfault.com/a/3795& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&最流行的PHP 代码规范&i class=&icon-external&&&/i&&/a&&br&
最流行的PHP 代码规范|&a href=&//link.zhihu.com/?target=https%3A//github.com/hfcorriez/fig-standards/blob/zh_CN/%25E6%258E%25A5%25E5%258F%2597/PSR-2-coding-style-guide.md& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&fig-standards/PSR-2-coding-style-guide.md at zh_CN · hfcorriez/fig-standards · GitHub&i class=&icon-external&&&/i&&/a&&br&&br&&br&
Android| 地址&br&
--- | --- &br&
【敏捷开发】Android团队开发规范|&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lcw/p/3619181.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【敏捷开发】Android团队开发规范&i class=&icon-external&&&/i&&/a&&br&
Android 开发规范与应用|&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/p/b3& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【译】[干货] Android 开发规范与应用&i class=&icon-external&&&/i&&/a&&br&&br&&br&
各大公司开源项目| 地址&br&
--- | --- &br&
Facebook Projects|&a href=&//link.zhihu.com/?target=https%3A//code.facebook.com/projects/web& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&code.facebook.com/proje&/span&&span class=&invisible&&cts/web&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&
百度web前端研发部|&a href=&//link.zhihu.com/?target=http%3A//fex.baidu.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&首页 - FEX&i class=&icon-external&&&/i&&/a&&br&
百度EFE|&a href=&//link.zhihu.com/?target=http%3A//efe.baidu.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&EFE Tech - 百度EFE（Excellent FrontEnd）技术体系&i class=&icon-external&&&/i&&/a&&br&
百度github|&a href=&//link.zhihu.com/?target=https%3A//github.com/fex-team& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Baidu FEX team · GitHub&i class=&icon-external&&&/i&&/a&&br&
alloyteam|&a href=&//link.zhihu.com/?target=http%3A//www.alloyteam.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web前端 腾讯AlloyTeam
Blog&i class=&icon-external&&&/i&&/a&&br&
alloyteam-github|&a href=&//link.zhihu.com/?target=http%3A//alloyteam.github.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tencent AlloyTeam&i class=&icon-external&&&/i&&/a&&br&
alloyteam-AlloyGameEngine|&a href=&//link.zhihu.com/?target=https%3A//github.com/AlloyTeam/AlloyGameEngine& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - AlloyTeam/AlloyGameEngine: made game making super easy&i class=&icon-external&&&/i&&/a&&br&
AlloyDesigner|&a href=&//link.zhihu.com/?target=http%3A//alloyteam.github.io/AlloyDesigner& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AlloyDesigner——For Fast Web Development&i class=&icon-external&&&/i&&/a& 即时修改，即时保存，设计稿较正，其它开发辅助工具&br&
H5交互页编辑器AEditor介绍|&a href=&//link.zhihu.com/?target=http%3A//www.alloyteam.com/-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&H5交互页编辑器AEditor介绍&i class=&icon-external&&&/i&&/a& H5动画交互页开发的工具介绍&br&
AEditor|&a href=&//link.zhihu.com/?target=http%3A//aeditor.alloyteam.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AEditor&i class=&icon-external&&&/i&&/a& H5动画交互页开发的工具&br&
maka|&a href=&//link.zhihu.com/?target=http%3A//forum.maka.im/wordpress& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&forum.maka.im/wordpress&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&
值得订阅的weekly|&a href=&//link.zhihu.com/?target=https%3A//github.com/fenbility/weekly-feed& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitHub - fenbility/weekly-feed: 推荐的一些值得订阅的Weekly&i class=&icon-external&&&/i&&/a&&br&
腾讯html5|&a href=&//link.zhihu.com/?target=http%3A//cube.qq.com& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&cube.qq.com&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&
奇舞团开源项目|&a href=&//link.zhihu.com/?target=http%3A//75team.github.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&奇舞团开源项目&i class=&icon-external&&&/i&&/a&&br&
Qunar UED|&a href=&//link.zhihu.com/?target=http%3A//ued.qunar.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Qunar UED&i class=&icon-external&&&/i&&/a&&br&
Scrat|&a href=&//link.zhihu.com/?target=http%3A//scrat.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Scrat - webapp模块化开发体系&i class=&icon-external&&&/i&&/a&&br&&br&&br&
常用 |地址&br&
---