规范能让一个团队按照一定的要求去编写代码,那么如何给团队制定适合自己团队的规范就是一个很讲究的事情了,也可以说是要有一定功力的了。对于这个问题也常有同学在问如何制定规范。为了大家更好的有一个参考,在这期的周刊中特意整理了Web相关的规范,包括CSS样式规范,JavaScript规范,Sass规范,设计规范等。希望这些规范给需要的同学有一定的帮助。
CSS Guidelines
众所周知,CSS的入门与学习相对于其他语言(甚至称上语言吧)要简单的很多,但没有一定的规范的时候,写出来的CSS会存在很多问题。虽然我们无法改变CSS如何工作,但我们可以改变书写CSS的一些方式,那么CSS Guidelines就是一份有关于CSS的规范指南,帮助大家书写CSS时更具规范性,简单点说在编写代码的时候就避免出现一些低级的错误。
Front-End Dev guidelines
本文档是TMW团队编写的一份有关于Web前端开发的指导性文档。这份文档一直在不断的更新,整个文档中涉及了HTML5,CSS 和JavaScript相关代码编写的规范性要求。(注:需要翻墙才能阅读)
isobar:前端代码标准和最佳实践
本文档是Creative Technology前端团队编写的,有关于Web应用程序开发的指南,任何人都可以通过他来检验自己的代码规的规范性。这份指南的初衷主要有两点:其一代码的一致性,其二最佳实践。通过维护编码风格和约定的一致性,我们可以缓解遗留代码维护的负担,并降低未知的风险。通过遵循最佳实践,我们确保页面优化和代码的可维护性。(注:记得这份文档国内有同学已翻译成中文,但没有找到相关地址)
Google HTML/CSS Style Guide
Google前端团队提供的一份有关于HTML和CSS样式的规范指南。包括:缩进,空格、注释,引号,类命名、类型选择器,简写属性,前缀,黑客,等等相关规范。
JavaScript Guide
The JavaScript Guide shows you how to use JavaScript and gives an overview of the language. If you want to get started with JavaScript or programming in general, consult the articles in the learning area. If you need exhaustive information about a language feature, have a look at the JavaScript reference.
JavaScript
This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.
前端人员的规范
In the physical world, no one builds anything without detailed blueprints, because people’s lives are on the line. In the digital world, the stakes just aren’t as high.
Learn Web Design Guide
The very best ways to learn HTML, CSS, JavaScript, and the art of building websites, including free and paid tutorials, courses, instructor-guided courses, and reference material. Fifty resources, selected from a list of over 140.