大厂web开发规范

最新推荐文章于 2025-06-13 23:09:38 发布
原创 最新推荐文章于 2025-06-13 23:09:38 发布 · 273 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文梳理了Sass、Less、Stylus等CSS预处理器在各大公司的官方指南和社区推荐，探讨了Sass因其成熟度和广泛使用而成为主流的选择。同时，涵盖了HTML、CSS、JavaScript、TypeScript等前端技术的Google样式指南和Airbnb编码规范。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

公司对应链接CSS预处理器
谷歌

https://google.github.io/styleguide/

HTML&CSShttps://google.github.io/styleguide/htmlcssguide.html
JShttps://google.github.io/styleguide/jsguide.html
TShttp://google.github.io/styleguide/tsguide.html

Sass
腾讯

http://tgideas.qq.com/doc/frontend/spec/common/

Sass
京东https://guide.aotu.io/docs/Sass
Airbnb

https://github.com/airbnb/

JShttps://github.com/airbnb/javascript
CSS & Sasshttps://github.com/airbnb/css

Sass
百度

https://github.com/ecomfe/spec

HTMLhttps://github.com/ecomfe/spec/blob/master/html-style-guide.md
CSShttps://github.com/ecomfe/spec/blob/master/css-style-guide.md
JShttps://github.com/ecomfe/spec/blob/master/javascript-style-guide.md
Lesshttps://github.com/ecomfe/spec/blob/master/less-code-style.md

Less
阿里https://download.csdn.net/download/qq_44647809/20159865Sass
Vuehttps://cn.vuejs.org/v2/style-guide/index.html
JavaScript Standard Stylehttps://github.com/standard/standard
ES6http://es6.ruanyifeng.com/#docs/style
Bootstraphttps://codeguide.bootcss.com/
ESLinthttps://eslint.org/
Prettierhttps://prettier.io/

浅谈预处理器：浅谈 CSS 预处理器（二）：如何快速上手？——CSS魔法

结论：

  • Sass相对Less 和 Stylus 更成熟，更受欢迎。
  • Sass（或它的变种 SCSS）。因为它相当成熟，用它的人也最多。
  • Stylus 与 Sass 和 Less 相比，Stylus 更像是一门编程语言，功能强大，语法灵活。Stylus 完全由 JavaScript 实现，对 Node.js 工具链极为友好。

引用上文的一张图：

【大厂企业级项目架构】之项目搭建和代码规范
郊眠寺
09-21 2083
代码规范是前端项目架构的重要一环。为了避免篇幅过长，本篇先讲解了项目初始化阶段是如何使用来规范我们的代码的，同时使用来做提交前的代码校验。整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
十位程序员大牛做出的web前端开发规范总结，赶紧拿小本本记下来!
webqianduan1的博客
07-01 293
Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。 A.基本原则 符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span等无特定语义的标签使用），结构表现行为分离（HTML-CSS-JS代码分离，不同行为代码高内聚低耦合），兼容性优良（早期版本浏览器兼容，移动端
大厂整个项目的开发规范流程
qq_63815371的博客
01-17 2527
本章节给大家介绍在互联网做开发，基础环境、开发技术以及上线和监控都会用到哪些东西。一般互联网大厂像阿里、京东、腾讯等都会有公司自研的一些技术组件，比如：RPC、MQ、数据库路由等，但所有的这些技术与市面上的同类组件也是有着相同的协议，使用方式在核心内容上并不会有太大区别。所以小傅哥也会以市面上有的技术来填充到给大家梳理的分布式架构中用到的内容上，方便大家可以自行搜索资料以及测试验证。
精粹汇总：大厂编程规范（持续更新）
最新发布
啾啾头号大粉丝打工买粮博客
06-13 948
《编程规范要点精要：并发控制与系统稳定性》 本文整理了各大厂的编程规范要点，重点关注容易被忽略的高级实践。在并发控制方面，强调"一锁二判三更新"原则，区分乐观/悲观锁应用场景；事务管理要求悬挂监控和防空回滚机制；数据库需确保索引使用，缓存要防范击穿风险；远程调用必须设置超时并考虑失败场景；异常处理需规范日志分级和敏感信息脱敏；算法研发则强调样本质量和模型评估。这些规范覆盖了从并发编程到分布式系统的关键环节，对提升代码质量和系统稳定性具有重要指导意义。（148字）
Go语言大厂开发标准（一）
a838860376的博客
12-03 668
本开发规范借鉴腾讯内部某部的Go语言开发规范 1 代码风格 1.1 格式化 代码都需要用go fmt格式，或者用IDE的格式化，比如GoLand的格式化按键 1.2 换行 一行代码不能超过100列，超过的情况，使用合理的换行方法换行。 更少的列数，方便在terminal下查看，也方便两个代码框同屏编码。 1.3 括号和空格 遵循go fmt的逻辑。关于操作符。一般...
一份完整的 MySQL 开发规范，进大厂必看！
良月柒
10-09 373
程序员的成长之路互联网/程序员/成长/职场关注阅读本文大概需要 11.4 分钟。作者：听风https://www.cnblogs.com/huchong/p/10219...
alibaba-Java开发手册心得-一编程规约-1命名风格
ailian8309的博客
06-23 221
1.【强制】不能以 _ $开始 或结束 2.【强制】严禁使用 拼音和英文混合，或中文。即使是纯拼音也要避免使用。除非是国际通用的例如taobao youku 等。 3.【强制】类名 必须遵从驼峰形式UpperCamelCase，除了DO/BO/DTO/VO/AO. 正例：MarcoPolo / UserDO / XmlService / TcpUdpDeal / TaPromoti...
大厂JAVA项目规范范文
qq_34302802的博客
03-21 610
2、开发设计：需求下来后，根据自己的需求，到需求文档中查找自己对应的需求，根据自己的需求，做出对应的开发设计（一般以画图的形式，例如需求简单点的可以使用：EdrawMax，复杂的一般会使用时序图：Visual paradigm），开发设计里面会细节到开发的每一个业务流程步骤，如果开发设计出现问题，那么编写业务代码也将会是错的，所以这一步很重要很重要。有问题则标注问题点，会议结束后，将标注问题的地方修改好，重新过一下开发设计，没问题则再进行开发。@ApiModelProperty("采购区域中文")
【超硬核】-1万字详尽大厂团队SQL开发规范,Review没人能笑着出来
Pushkin.的博客
09-15 1204
【超硬核】-1万字详尽大厂团队SQL开发规范,Review没人能笑着出来。 SQL 开发规范
阿里、腾讯、百度大厂的程序员编程指南规范
成长的足迹
09-03 3466
这份文档阿里Java开发手册针对：编码规范、异常日志、单元测试、安全规范、MySql表设计规范、工程结构、设计规范都有着非常明细的定义，可以说是业界的编程的规范了，Java程序员必读的手册。，这些文档不仅是初学者有必要看，有经验的程序员也是可以学习的，编程规范不仅是规则，更是可以从大厂的规范中学习到很多知识，比如大厂为什么这么订规范、他们是考虑原则是什么，带着类似问题的思考，都有非常有利于我们提高编程能力的。这份文档非常详细的列举了。规范文档：通用规范、PC端专属规范、移动端专属规范、具体业务规范。
008.开发自测规范.docx
02-13
结合当前工作整理的开发自测规范，主要包含自测说明、自测方法、自测维度、自测报告、自测验收等。 仅供学习参考。
腾讯PHP开发规范v1.0.pdf
11-09
大厂PHP开发规范,良好的编程规范是走近大厂的重要一步.还有我全部设置的0积分,麻烦不要给我资源瞎改积分.免费共享
几个大厂的前端代码规范
编程狐科技
06-08 699
前端代码规范  代码千万行，安全第一行；前端不规范，同事两行泪。 腾讯 包含内容也挺多的： PC端专题：快速上手、文件目录、页面头部、通用title、通用foot、统计代码、兼容测试 移动端专题：快速上手、文件目录、页面头部、REM布局、通用foot、统计代码、分享组件、兼容要求 双端官网：快速上手、页面跳转 tgideas.qq.com/doc/index.h… 不过里面也有一些内容是针对其业务的，并不通用。 京东 对比腾讯的代码规范，我更推荐凹凸实验室的代码规范，比较齐全。 .
谈一谈Web UI(网页界面)设计规范的知识体系与实际运用-新书上架
weixin_33901641的博客
10-31 640
为什么80%的码农都做不了架构师？>>> ...
大厂测试流程规范（严谨）
bchen1的博客
02-15 8323
每个里程碑 和 产品、项目都会指定测试负责人，跟踪执行以下流程 一、计划+需求阶段 1、参与需求评审，了解功能需求，确认非功能性需求 2、梳理功能点，编写测试计划(各个事务、时长、所需资源)(提测、封版、回归、上线时间点) 3、与开发确认开发计划(详细到每一天)：明确时间点(设计、接口、联调)，提测代码版本分支 4、梳理业务场景、编写业务测试分析(系统业务/客户场景)，并与产品、研发核对 5、编写功能点测试分析、新增功能用例<分 冒烟、详测、回归 三类> 6、确认本期实现内容(用例、脚本、执行)
前端代码开发规范总结(1)
2301_82243603的博客
04-27 857
三套“算法宝典”开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法刷题LeetCode中文版（为例）人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！
UI设计师必须知道的大厂设计规范
ycy_UI的博客
05-17 777
2. Apple Human Interface Guidelines (HIG)：Apple的HIG是专门为iOS和macOS设计的规范，提供了一套标准的UI组件库和设计原则，用于开发iOS和macOS应用程序。5. IBM Design Language：IBM Design Language是IBM的设计规范，提供了一套强调可持续性、可访问性和创新的设计原则和UI组件库，用于IBM的产品和服务。设计规范是由具有一定影响力和设计实践经验的大型企业制定的，涵盖了业界最佳实践和最高标准。
公司用的 MySQL 团队开发规范，太详细了，建议收藏！
Java技术栈，分享最主流的Java技术
10-25 600
作者：翁智华 出处：https://www.cnblogs.com/wzh2010/ 数据库对象命名规范 数据库对象 数据库对象是数据库的组成部分，常见的有以下几种： 表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（User）等。 命名规范是指数据库对象如数据库（SCHEMA）、表（TABLE）、索引（INDEX）、约束（CONSTRAINTS）等的命
大厂Web前端开发规范手册参考指南
1. **大厂的开发规范**：所谓的“大厂”通常指的是在行业内具有较大规模和影响力的企业。这些企业往往有着严格和成熟的开发流程和规范，这些规范被证明是提升开发效率、保证产品质量的有效手段。 2. **帮助新人建立...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

麦田里的POLO桔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值