kaikeba

20个为前端开发者准备的文档和指南(7)

本文由码农网 – 唐李川原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划

在前端开发中这是很常见的事,我们需要学的东西太多,然而我们有没有那么多的时间去学习。我收集了另外超过20份的学习资源,交互式的场合,和其它的好东西来供前端学习。

请尽情欣赏我们文档和指南系列的第七部分,并且在欣赏完了之后,不要忘了让我知道我没有列出的有用的文档或者指南。

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和文本编辑器都有着用户评论。

之前的六个帖子回顾:

20个为前端开发者准备的文档和指南(1)

20个为前端开发者准备的文档和指南(2)

20个为前端开发者准备的文档和指南(3)

20个为前端开发者准备的文档和指南(4)

20个为前端开发者准备的文档和指南(5)

20个为前端开发者准备的文档和指南(6)

译文链接:http://www.codeceo.com/article/20-docs-guides-for-web-dev-7.html
英文原文:20+ Docs and Guides for Front-end Developers (No. 7)
翻译作者:码农网 – 唐李川
转载必须在正文中标注并保留原文链接、译文链接和译者等信息。]

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项