1.Meteor: The Official Guide(Meteor官方指南)
Meteor介绍的链接地址: http://www.geekpark.net/topics/211573
它是由Meteor官方开发者团队制作的一个站点,它综述了关于最佳实践应用开发的意见,旨在给那些准备学习Meteor的JavaScript开发者提供中间桥梁的作用。
2.Gethtml
该站点以网格的格式列出了在W3C和WHATWG说明书里所有关于HTML元素的元素名和描述。如果你单击某个元素,它也可以链接到说明书上,显示该元素是如何被使用的一些代码示例。
3. Learn ES2015(学习ES2015)
也许你们和我一样,厌倦了去查看那么多的ES6或者ES2015的资源。也许这一个站点就是让你省事的地方,它会让你度过学习ECMAScript 说明书里所有一切新的知识的时间。
4. Flexbox Froggy
这个网站是不久之前传开的。如果你还没有见过,而且希望有一个很愉快的方法来学习flexbox(伸缩布局盒)的语法,该站点是一个做得很漂亮的小的交互式的游戏或者叫指南。
5. JavaScript Developer Survey Results(JavaScript开发者调查结果)
Nicolás Bevacqua研究了JavaScript的开发习惯。这似乎是第一个由他负责的而且收到超过5000份调查回馈的调查。
6. Flexbox.help(Flexbox助手)
它是一个简单的交互式页面,可以帮助你可视化flexbox的功能是如何工作的(flex-wrap,flex-direction等等功能)。
7. CDN Comparison(CDN对比)
CDN介绍链接地址: http://baike.sogou.com/v30907.htm?fromTitle=CDN
“该站点收集的信息可以帮助你更好地为你的内容分发需求找到更好地CDN。”
8. Angular Cheat Sheet(Angular参考手册)
它有一部分是Angular2的官方文档,是一个可以根据JavaScript,TypeScript,和Dart选项来查看相关语法的一站式的网站。
Angular2介绍链接地址: https://zhuanlan.zhihu.com/p/20058966
TypeScript介绍的链接地址: http://baike.sogou.com/v70611007.htm?fromTitle=typescript
Dart介绍的链接地址: http://baike.sogou.com/v4886002.htm?fromTitle=dart
9. Promisees
主要是由Nicolás Bevacqua制作的,这回它是一个可视化的场合,可以帮助你学习JavaScript新的Promise功能。更棒的是,它可以单步调试可视化的代码组件,并且可以选择是否把该动态的可视化效果以GIF格式的图片保存。
Promise介绍链接地址: http://blog.csdn.net/larrywangsun/article/details/30730419
10. Filter Blend(混合过滤)
它是一个用来学习CSS的background-blend-mode和filter属性的交互式地方。
11. Mix-Blend-Mode CSS property test(CSS混合模式属性测试)
该站点和之前的站点类似,它是一个可以帮助你理解CSS的mix-blend-mode属性的场合。
12. Regular Expressions 101(正则表达式101)
它是一个小巧的交互式工具,可以帮助你理解正则表达式和可视化正则表达式。包括一个快速入门部分,对使用的正则表达式的解释和可以把该正则表达式保存到一个唯一的URL里。
13. ServiceWorker Cookbook(ServiceWorker参考书)
ServiceWorker介绍的链接地址: http://www.myext.cn/c/a_14591.html
“它是在当今web应用里使用service workers的一些实际工作示例的集合。打开你的开发者工具控制台查看获取到关于service worker正在做的事情的事件和通知信息。”
14. JavaScripting(JavaScript资源集合)
它是一个可以通过包括动画、DOM、表单、帮助文档、音频、视频等类别来过滤查找JavaScript库、框架和插件的一个网站。
15. HTTP Security Best Practice(HTTP安全最佳实践)
它是用于构建更加安全的Web性能的集合,内容涵盖了SSL/TLS,内容安全策略,跨站点脚本,cookie安全等等。
16. Notes on Using ARIA in HTML(在HTML里使用ARIA注释)
“它是开发者一个实用的指南,通过使用确定了使得Web内容和Web应用能够被残疾人使用方法的ARIA说明书[WAI-ARIA-1.1]来说明如何在HTML元素里添加权限通知。”
Rich Internet Applications的介绍链接地址: http://baike.baidu.com/subview/706341/16719158.htm
WAI-ARIA-1.1的介绍链接地址: http://baike.baidu.com/view/9257446.htm
17. PostCSS.parts(分区的PostCSS)
“它是一个可以按照PostCSS产检目录搜索的网站。”如果你还不熟悉围绕PostCSS成长的社区,该网站或许是你学习PostCSS可用插件的好地方。
PostCSS介绍链接地址: http://www.oschina.net/translate/introduction-to-postcss
18. What forces layout / reflow
它是Paul Irish做的一个要点总结,列出了当在JavaScript里使用不同的前端功能时,可能触发的”布局颠簸”,该问题是一个常见的性能瓶颈。
Reflow or layout thrashing介绍的链接地址: http://www.cnblogs.com/RachelChen/p/5456198.html
19. CSS Indexes(CSS索引)
“它是一个由CSS说明书定义的术语的列表。”当点击某个术语时,它都会链接到它在CSS说明书里的位置。
20. What are the best JavaScript IDEs and editors?(最棒的JavaScript IDE和编辑器是什么?)
这是一个发布在Slant问答站点上的一个问题,该站点上有很多正反的观点,并且对许多不同的IDE和文本编辑器都有着用户评论。