文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

学习这些前端代码规范,让你的代码更丝滑!

2024-12-01 16:04

关注

大家好,我是 CUGGZ。

不以规矩,不能成方圆。今天来推荐几个流行的前端代码规范,可以参考这些规范来制订适合自己团队的代码规范,也可以通过学习这些规范来编写更简洁清晰的代码,让你的代码更丝滑!

JavaScript

Airbnb JavaScript Style Guide

Airbnb JavaScript Style Guide 是由 Airbnb 开源的 JavaScript 代码风格指南。主要是为编写 JavaScript 代码提供规范的风格,方便开发者理解、阅读代码。

Github(英文):https://github.com/airbnb/javascript。

Github(中文):https://github.com/sivan/javascript-style-guide。

JavaScript Standard Style

JavaScript 标准风格,无需管理 .eslintrc,.jshintrc, 或 .jscsrc 文件即可运行,真正做到开箱即用。

Github:https://github.com/standard/standard。

idiomatic.js

编写具备一致风格、通俗易懂 JavaScript 的规则,提供了中文版。

Github:https://github.com/rwaldron/idiomatic.js。

Google JavaScript Style Guide

谷歌 JavaScript 风格指南。

Github:https://google.github.io/styleguide/jsguide.html#terminology-notes。

CSS

Airbnb CSS / Sass Styleguide

用更合理的方式编写 CSS 和 Sass。

Github:https://github.com/airbnb/css。

Code Guide

开发灵活,稳定,可持续 HTML 和 CSS 代码的规范,提供了中文版。

Github:https://github.com/mdo/code-guide。

Google HTML/CSS Style Guide

谷歌 HTML/CSS 风格指南,旨在改善协作和代码质量。

地址:https://google.github.io/styleguide/htmlcssguide.html。

Sass Guidelines

编写健全、可维护和可扩展的 Sass 的指南。

Github:https://github.com/KittyGiraudel/sass-guidelines。

Vue

Vue.js 风格指南

这是 Vue 官方提供的 Vue(2.x)特有代码的风格指南。

Github:https://v2.cn.vuejs.org/v2/style-guide/。

Vue.js Component Style Guide

本规范提供了一种统一的编码规范来编写 Vue.js 代码。

Github:https://github.com/pablohpsilva/vuejs-component-style-guide。

React

Airbnb React/JSX Style Guide

Airbnb React/JSX 风格指南,基于 JavaScript 当前流行的标准。

Github:https://github.com/airbnb/javascript/tree/master/react。

TypeScript

Google TypeScript Style Guide

谷歌 TypeScript 风格指南。

地址:https://google.github.io/styleguide/tsguide.html。

其他

Node.js Style Guide

Node.js Style Guide 是编写一致且美观的 node.js 代码的指南。

Github:https://github.com/felixge/node-style-guide。

Git Style Guide

Git 风格指南,这份风格指南受到 How to Get Your Change Into the Linux Kernel,git man pages 和大量社区通用实践的启发,提供了中文版。

Github:https://github.com/agis/git-style-guide。

HTTP API Design Guide

本指南描述了一组 HTTP+JSON API 设计实践。它的目标是一致性和专注于业务逻辑,同时避免设计轮子。提供了中文版。

Github:https://github.com/interagent/http-api-design。

Google JSON Style Guide

谷歌 JSON 风格指南。

地址:https://google.github.io/styleguide/jsoncstyleguide.xml。

京东凹凸实验室前端规范

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

Github:https://github.com/o2team/guide。

Document Style Guide

阮一峰开源的中文技术文档的写作规范。

Github:https://github.com/ruanyf/document-style-guide。

来源:前端充电宝内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯