关于前端开发的20篇文档与指南

时间 2019-11-11

标签关于前端开发文档指南繁體版

原文原文链接

相信在2015年不少这个行业的人都会有这样的两种感觉：css

第一个来自于咱们的我的感觉，而第二个则是纯粹的必要性了。因此本文整理一些有用的信息，但愿能够帮助相关领域的前端开发人员。html

基于Can I use的数据和功能，这款应用给予你选择一组前端开发特性的能力，并会读取出一个全球性用户可以使用它的百分比。git

2. Regulexes6

JavaScript正则表达式的可视化工具，在线输入表达式后，动态生成表达式图片。很是不错的一个可视化Web在线正则表达式设计工具。github

一个单页网站，帮助你理解如何去使用各类有用但又复杂的基于选择器组合的nth-child。正则表达式

这个页面展现了新的HTML 5视频元素、媒体API和媒体事件。播放、暂停、搜索整个视频、改变音量、静音、改变播放速度（包括进入负值），查看视频和潜在事件与属性上的效果。sass

这多是全部开发者都应该熟悉的一个话题，而且这多是一个很好的着手点。它是一个跨站点脚本编制综合教程。

6. RSCSS

意思为“Reasonable Standard for CSS Stylesheet Structure（CSS样式表结构合理的标准）”，记录一些针对大项目的Sass/CSS编写技巧和技术。

一个由Andrew Hathaway创建的项目，目的是帮助其余开发者学习如何用最好、最有效以及首选的方法编写代码。

Hugo Giraudel写的Sass Guidelines目前已经被翻译成其余六种语言。

若是你的目的是使用flexbox构建一个网站，而事情却并无像你所指望的那样进行，你能够在这里找到解决方案。

没什么深刻的东西，只是一些简单的事情提示，全部的前端开发者应该考虑将其结合到开发过程和工做流中。

ES6特性转换到ES5-compatible代码的一个很好的参考。

来自开发者Chris Wright对Flexbox深刻、实际见解。

13. BEM

一个全面推广和培养BEM CSS使用方法的网站。

记录不一样Sass引擎之间的不兼容性问题。

一个整洁、逻辑、易使用的指南规范，在不一样的HTML元素上得到信息。

你可能跟随过不少JavaScript最佳实践，却并不明白全部这些技术背后的缘由。本站旨在揭露JSLint、JSHint、和ESLint工具里错误和警告。

在Google Web基础文档中有不少有用的信息，而Animations对前端开发者尤其突出。

对不少不一样的讨论桌面和移动上图标前因后果的文章进行了整理。

20. Dash

Dash是一个API文档浏览器和代码片断管理者。（编译：陈明）

推荐阅读：

原文来自：sitepoint