前端开发风格指南

本文是一份详尽的前端开发风格指南,强调了规范在编写高质量代码中的重要性。涵盖了命名规则,包括项目命名的小写和下划线分隔,目录命名的统一风格,以及命名严谨性的要求,避免拼音与英文混合。在HTML部分,讨论了语法缩进、语义化标签的使用,以及属性顺序的规范,以提高代码的可读性和维护性。
摘要由CSDN通过智能技术生成

一、前言
规范的目的是为了编写高质量的代码,让我们和同事们每天得心情都是愉悦的,大家在一起合作是快乐的。

二、命名
2.1 项目命名全部采用小写方式,以下划线(或中划线)分隔。
例:taro-v2ex-hooks、taro_v2ex_hooks

2.2 目录命名
全部采用小写方式, 以下划线(或中划线)分隔,有复数结构时,要采用复数命名法, 缩写不用复数。例:styles、utils、img、demo_styles
温馨提示:统一风格,不要一会儿用中划线,一会儿下划线。

2.3 命名严谨性
代码中的命名严禁使用拼音与英文混合的方式,纯拼音也要避免。国际通用的名称,可视同英文。
正例:shenzhen、rmb
反例:getGuoJiaName()

三、HTML
3.1 语法缩进使用 2 个空格(或者 4 个空格)嵌套的节点应该缩进优先使用语义化标签在属性上,使用双引号

例:

<!DOCTYPE html>
<html>
    <head>
        <title>Page title</title>
    </head>
    <body>
        <header></header>
        <img src="images/company_logo.png" alt="Company">
        <h1 class="hello-world&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值