【csdn网站】关于前端开发的20篇文档与指南

我相信在2015年，这个行业的很多人都会有这两种感觉。

实在不知所措，这个行业到底要学多少东西；渴望更多，迫不及待地为下一次学习找到思考的方向。(约翰f肯尼迪，教育)第一个来自于我们的个人情感，第二个是纯粹的需要。因此，本文整理了有用的信息，以帮助相关领域的前端开发人员。

基于Can I use的数据和功能，该应用程序提供了选择前端开发功能集的能力，并读取了全局用户可用的百分比。

JavaScript正则表达式的可视化工具，在线输入表达式后动态生成表达式图片。非常好的视觉网络在线正则表达式设计工具。

这是一个单页网站，有助于理解如何使用基于有用但复杂选择器组合的nth-child。

本页显示新的HTML 5视频元素、媒体API和媒体事件。播放、暂停、搜索整个视频、更改音量、静音、更改播放速度(包括输入负值)、查看视频以及潜在事件和属性的效果。

这可能是所有开发者都应该熟悉的主题，这可能是一个好的起点。这是跨站点脚本集成教程。

指“CSS样式表结构的合理标准”，记录大型项目的Sass/CSS编写技术和技巧。

这是Andrew Hathaway创建的项目，旨在帮助其他开发人员学习如何以最好、有效和首选的方式编写代码。

Hugo Giraudel撰写的Sass Guidelines现已翻译成其他六种语言。

目的是使用Flexbox建立网站，但如果事情没有按预期进行，则可以在此找到解决方案。(大卫亚设)。

没有什么深入的，只是简单的提示，所有前端开发人员都应该考虑将其集成到开发流程和工作流中。(阿尔伯特爱因斯坦)。

ES6特性将转换为对ES5-compatible代码的良好参考。

开发者Chris Wright对Flexbox的深入而实际的看法。

13.BEM

全面宣传和培养BEM CSS使用方法的网站。

记录不同Sass引擎之间的不兼容性。

以简洁、逻辑、易于使用的指南规范获取有关各种HTML元素的信息。

你可能遵循了很多JavaScript最佳实践，但你可能不明白所有这些技术背后的原因。(大卫亚设，Northern Exposure(美国电视剧)，Light)本网站旨在揭露JSLint、JSHint和ESLint工具的错误和警告。

Google web基础文档中有很多有用的信息，动画对前端开发人员尤为突出。

整理了各种讨论桌面和移动图标脉络的文章。

20.虚线

Dash是API文档浏览器和代码片段管理器。(编译：陈明)