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

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

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2017-10-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

开发者必备的12个JavaScript库

现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计。为了方便大家发挥自己的创...

3619
来自专栏Youngxj

自定义易玩稀的媒体范

1935
来自专栏郭霖

Android通知栏微技巧,那些你所没关注过的小细节

本篇文章首发于我的微信公众号,其实通常情况下我都不会将微信文章再在博客上发表的,因为我认为两者区别比较大。微信文章偏向于短小精炼,毕竟要在手机上阅读,博客文章则...

3438
来自专栏Material Design组件

Human Interface Guidelines — Modality

1603
来自专栏ThoughtWorks

展望2016,REACT.JS 最佳实践 | TW洞见

今日洞见 译者:ThoughtWorks-吕靖,译自 Péter Márton:React.js Best Practices for 2016。 本文所有内容...

3919
来自专栏编程

百度指数之图像数字识别(2)

作者介绍: 叶成,数据分析师,就职于易居中国,热爱数据分析和挖掘工作,擅长使用Python倒腾数据。 在开始本位之前,这里先感谢一下本人公司的伟哥和孟哥(虽然孟...

4356
来自专栏AhDung

【C#】组件发布:MessageTip,轻快型消息提示窗

原文和网盘demo我就不更新了,项目已开源到如下几处,有兴趣的朋友请关注,欢迎fork/push/pull:

1062
来自专栏李成熙heyli

性能优化三部曲之三——Node直出让你的网页秒开

项目: 手Q群成员分布直出 原因: 为家校群业务直出做准备 群成员分布业务是小型业务,而且逻辑相当简单,方便做直出试验田 基本概念: 直出其实并不算是新概念。只...

7547
来自专栏章鱼的慢慢技术路

在Unity场景中更改天空盒的步骤

5826
来自专栏星流全栈

最新的15 个有趣的前端库(December 2016)

1663

扫码关注云+社区

领取腾讯云代金券