开源库-前端代码规范-《前端知识进阶》

admin 2025-11-01 15:50:03 编程 来源:ZONE.CI 全球网 0 阅读模式
  • 1. JavaScript
    • (1)Airbnb JavaScript Style Guide
    • (2)JavaScript Standard Style
    • (3)idiomatic.js
    • (4)Google JavaScript Style Guide
  • 2. CSS
    • (1)Airbnb CSS / Sass Styleguide
    • (2)Code Guide
    • (3)Google HTML/CSS Style Guide
    • (4)Sass Guidelines
  • 3. Vue
    • (1)Vue.js 风格指南
    • (2)Vue.js Component Style Guide
  • 4. React
    • (1)Airbnb React/JSX Style Guide
  • 5. TypeScript
    • (1)Google TypeScript Style Guide
  • 6. 其他
    • (1)Node.js Style Guide
    • (2)Git Style Guide
    • (3)HTTP API Design Guide
    • (4)Google JSON Style Guide
    • (5)京东凹凸实验室前端规范
    • (6)Document Style Guide

    前端代码规范.png

    1. JavaScript

    (1)Airbnb JavaScript Style Guide

    Airbnb JavaScript Style Guide 是由 Airbnb 开源的 JavaScript 代码风格指南。主要是为编写 JavaScript 代码提供规范的风格,方便开发者理解、阅读代码。image.pngGithub(英文):https://github.com/airbnb/javascriptGithub(中文):https://github.com/sivan/javascript-style-guide

    (2)JavaScript Standard Style

    JavaScript 标准风格,无需管理 .eslintrc,.jshintrc, 或 .jscsrc 文件即可运行,真正做到开箱即用。本规范特点之一是简洁。谁也不想为每个项目维护一份有成百上千行语句的代码风格配置文件,有此规范就够了。image.pngGithub:https://github.com/standard/standard

    (3)idiomatic.js

    编写具备一致风格、通俗易懂 JavaScript 的规则,提供了中文版。image.pngGithub:https://github.com/rwaldron/idiomatic.js

    (4)Google JavaScript Style Guide

    谷歌 JavaScript 风格指南。image.pngGithub:https://google.github.io/styleguide/jsguide.html#terminology-notes

    2. CSS

    (1)Airbnb CSS / Sass Styleguide

    用更合理的方式编写 CSS 和 Sass。image.pngGithub:https://github.com/airbnb/css

    (2)Code Guide

    开发灵活,稳定,可持续 HTML 和 CSS 代码的规范,提供了中文版。image.pngGithub:https://github.com/mdo/code-guide

    (3)Google HTML/CSS Style Guide

    谷歌 HTML/CSS 风格指南,旨在改善协作和代码质量。image.png地址:https://google.github.io/styleguide/htmlcssguide.html

    (4)Sass Guidelines

    编写健全、可维护和可扩展的 Sass 的指南。image.pngGithub:https://github.com/KittyGiraudel/sass-guidelines

    3. Vue

    (1)Vue.js 风格指南

    这是 Vue 官方提供的 Vue(2.x)特有代码的风格指南。image.pngGithub:https://v2.cn.vuejs.org/v2/style-guide/

    (2)Vue.js Component Style Guide

    本规范提供了一种统一的编码规范来编写 Vue.js 代码,提供了中文版。image.pngGithub:https://github.com/pablohpsilva/vuejs-component-style-guide

    4. React

    (1)Airbnb React/JSX Style Guide

    Airbnb React/JSX 风格指南,基于 JavaScript 当前流行的标准。image.pngGithub:https://github.com/airbnb/javascript/tree/master/react

    5. TypeScript

    (1)Google TypeScript Style Guide

    谷歌 TypeScript 风格指南。image.png地址:https://google.github.io/styleguide/tsguide.html

    6. 其他

    (1)Node.js Style Guide

    Node.js Style Guide是编写一致且美观的 node.js 代码的指南。image.pngGithub:https://github.com/felixge/node-style-guide

    (2)Git Style Guide

    Git 风格指南,这份风格指南受到 How to Get Your Change Into the Linux Kernel,git man pages 和大量社区通用实践的启发,提供了中文版。image.pngGithub:https://github.com/agis/git-style-guide

    (3)HTTP API Design Guide

    本指南描述了一组 HTTP+JSON API 设计实践。它的目标是一致性和专注于业务逻辑,同时避免设计轮子。提供了中文版。image.pngGithub:https://github.com/interagent/http-api-design

    (4)Google JSON Style Guide

    谷歌 JSON 风格指南。image.png地址:https://google.github.io/styleguide/jsoncstyleguide.xml

    (5)京东凹凸实验室前端规范

    由凹凸实验室整理,基于 W3C、苹果开发者 等官方文档,并结合团队日常业务需求以及团队在日常开发过程中总结提炼出的经验而制定。image.pngGithub:https://github.com/o2team/guide

    (6)Document Style Guide

    阮一峰开源的中文技术文档的写作规范。image.pngGithub:https://github.com/ruanyf/document-style-guide

    以太坊cppgolang区别 编程

    以太坊cppgolang区别

    以太坊是一种去中心化的开源平台,它采用智能合约技术,旨在构建和运行不受干扰的分布式应用程序。作为目前最受欢迎的区块链平台之一,以太坊提供了多种编程语言的支持,其
    progolang 编程

    progolang

    Go语言(Golang)是由Google开发的一门静态类型编程语言。作为一名专业的Golang开发者,我深知这门语言的优势和特点。在本文中,我将介绍Golang
    golangn个发送者 编程

    golangn个发送者

    Golang是一种开源的编程语言,由Google团队开发,旨在提高程序的并发性和简化软件开发过程。在Go语言中,有时需要向多个接收者发送信息。本文将介绍如何在G
    golang技能图谱 编程

    golang技能图谱

    从互联网行业的快速发展到人工智能技术的日益成熟,各种编程语言也应运而生。而在这众多的编程语言中,Golang(即Go)作为一门强大且高效的开发语言备受关注。Go
    评论:0   参与:  11