https://github.com/lincenying/Front-End-Style-Guide

一份全面的前端开发规范手册
https://github.com/lincenying/Front-End-Style-Guide

Last synced: 4 months ago
JSON representation

一份全面的前端开发规范手册

• Host: GitHub
• URL: https://github.com/lincenying/Front-End-Style-Guide
• Owner: lincenying
• Fork: true (expkzb/Front-End-Style-Guide)
• Created: 2015-09-30T03:42:48.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-22T05:03:20.000Z (over 9 years ago)
• Last Synced: 2024-08-01T13:33:12.176Z (7 months ago)
• Language: HTML
• Homepage: http://zhibimo.com/read/Ashu/front-end-style-guide/
• Size: 3.01 MB
• Stars: 1
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 前端开发规范手册

#####Github: [仓库地址](https://github.com/Aaaaaashu/Front-End-Style-Guide)

#####知笔墨：[手册地址](http://zhibimo.com/read/Ashu/front-end-style-guide/)

此手册主要实现的目标：**代码一致性**和**最佳实践**。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。

此手册是在开发中积累下来的经验和参考其它规范/指南制定的，它只是起指导作用，除个别条目强制之外，大多数为非强制约束，开发者可根据自己的实际情况自行决定是否要遵守

该指南只是保证大方向一致性和最佳实践的阶段性总结，不是最后结论，它会随着时间而变化。

## 目录

* [Introduction](http://zhibimo.com/read/Ashu/front-end-style-guide/)

* [基本原则](http://zhibimo.com/read/Ashu/front-end-style-guide/basic/index.html)

* HTML

   * [通用约定](http://zhibimo.com/read/Ashu/front-end-style-guide/html/general.html)

   * [语义化](http://zhibimo.com/read/Ashu/front-end-style-guide/html/semantic.html)

   * [HEAD](http://zhibimo.com/read/Ashu/front-end-style-guide/html/head.html)

* CSS

   * [通用约定](http://zhibimo.com/read/Ashu/front-end-style-guide/css/general.html)

   * [字体排印](http://zhibimo.com/read/Ashu/front-end-style-guide/css/typography.html)

   * [模块组织](http://zhibimo.com/read/Ashu/front-end-style-guide/css/structure.html)

   * [Less 规范](http://zhibimo.com/read/Ashu/front-end-style-guide/css/less.html)

   * [性能优化](http://zhibimo.com/read/Ashu/front-end-style-guide/css/performance.html)

* JavaScript

   * [通用约定](http://zhibimo.com/read/Ashu/front-end-style-guide/javascript/general.html)

   * [jQuery 规范](http://zhibimo.com/read/Ashu/front-end-style-guide/javascript/jquery.html)

   * [性能优化](http://zhibimo.com/read/Ashu/front-end-style-guide/javascript/performance.html)

* [移动端优化](http://zhibimo.com/read/Ashu/front-end-style-guide/mobile-optimize/index.html)

* [工具箱](http://zhibimo.com/read/Ashu/front-end-style-guide/tool/index.html)

* [参考](http://zhibimo.com/read/Ashu/front-end-style-guide/reference/index.html)

![](https://raw.githubusercontent.com/Aaaaaashu/Front-End-Style-Guide/master/img/husky.png)