当前位置： 首页 > news >正文

阿里前端开发规范

news 2026/6/2 17:26:23

文章目录

  • 1. 为什么前端写代码要规范？
    • 一、代码规范的必要性
    • 二、 规范带来的好处
  • 2. 资源
    • 一、推荐

1. 为什么前端写代码要规范？

一、代码规范的必要性

  1. 可维护性
    • 统一的代码风格便于理解和修改
    • 减少代码维护成本
    • 降低项目交接难度
  2. 团队协作
    • 提高团队开发效率
    • 减少代码冲突
    • 便于代码审查(Code Review)
  3. 代码质量
    • 减少bug产生
    • 提高代码性能
    • 增强代码安全性

二、 规范带来的好处

  1. 提高开发效率
    • 减少决策时间
    • 提高代码复用性
    • 加快问题定位速度
  2. 减少错误
 // 不规范的代码if(isValid)doSomething()// 规范的代码if (isValid) {doSomething();}
  1. 便于自动化
    • 支持自动化测试
    • 便于代码构建
    • 支持自动化部署

2. 资源

阿里规范手册pdf下载:

《阿里前端开发规范》是一套由阿里巴巴集团前端团队整理并实践的编码指南。这份规范涵盖了HTML、CSS、JavaScript等前端技术领域的最佳实践，旨在提升代码质量，优化开发流程，确保项目的可维护性和一致性。遵循这些规则，无论你是初入职场的新手还是经验丰富的资深开发者，都能够编写出更加清晰、高效且易于团队协作的代码。

一、推荐

  1. 凹凸实验室
    在这里插入图片描述2. JDC 前端代码规范
    在这里插入图片描述
  2. CSS — BEM 命名规范

参考了该片文章：
阿里前端规范

相关文章：

阿里前端开发规范

文章目录 1. 为什么前端写代码要规范？一、代码规范的必要性二、 规范带来的好处 2. 资源一、推荐 1. 为什么前端写代码要规范？ 一、代码规范的必要性 可维护性 统一的代码风格便于理解和修改减少代码维护成本降低项目交接难度 团队协作 提高团队开发效…...

编程日记 2025/1/23 5:41:18

从函数式编程到响应式编程：现代开发中的范式转变

引言 随着软件开发领域的不断进化，编程范式也在经历着一场又一场的变革。从面向过程到面向对象，再到近年来流行的函数式编程和响应式编程，开发者正逐步适应不同的编程思想来解决现代软件开发中的复杂问题。本文将带你了解函数式编程和响应式编…...

编程日记 2025/1/23 5:40:15

Django学习笔记(启动项目)-03

Django学习笔记(启动项目)-03 1、在urls文件中配置一个路由url 2、在views文件中创建视图函数 3、启动项目测试结果 # 输入项目启动命令 python manage.py runserver4、创建HTML模版和静态文件 1、在templates文件夹中创建一个html 2、创建url路由与视图函数 3、测试效果 4、…...

编程日记 2025/1/23 5:38:11

量变引起质变

量变引起质变，这个是最本质的规律，重复进行一件事情，这件事情就会越来越完善，越来越完美，哪怕是菜鸟，重复多了就是大佬。 我从说话结结巴巴，到说话流畅，只是用了15天直播写代码&…...

编程日记 2025/1/23 5:35:07

NewStar CTF week1 web wp

谢谢皮蛋 做这题之前需要先去学习一些数据库的知识 1 order by 2 1可以理解为输入的id，是一个占位符，按第二列排序用来测试列数，如果没有两列则会报错-1 union select 1,2 -1同样是占位符，union的作用是将注入语句合并到原始语句…...

编程日记 2025/1/23 5:32:03

李沐vscode配置+github管理+FFmpeg视频搬运+百度API添加翻译字幕

终端输入nvidia-smi查看cuda版本 我的是12.5，在网上没有找到12.5的torch，就安装12.1的。torch，torchvision，torchaudio版本以及python版本要对应 参考：https://blog.csdn.net/FengHanI/article/details/135116114 创…...

编程日记 2025/1/23 5:30:01

深度学习中Batch Normalization(BN)原理、作用浅析

最近做剪枝学习，其中一种是基于BN层的γ作为缩放因子进行剪枝的，那么我想搞懂BN的工作原理更好的理解网络、剪枝等，所以有了该文。 首先先说BN的作用在详细拆解，理解。以知乎一条高赞评论说明BN层到底在干什么。 Batch Norm 为什…...

编程日记 2025/1/23 5:28:00

C语言常用字符串处理函数

头文件&#xff1a;#include <string.h> strlen size_t strlen( char *str ); 功能&#xff1a;函数返回一个整数值&#xff0c;表示给定字符串的长度&#xff08;不包括结束符\0&#xff09; strcat char *strcat( char *str1, const char *str2 )&#xff1b; 功能&a…...

编程日记 2025/1/23 5:26:58

文件上传漏洞详解

第一关&#xff08;JS绕过&#xff09; 1.1使用bp进行绕过 先将要上传的php文件的后缀改为png&#xff0c;然后在上传时抓包&#xff0c;将png后缀再改为php&#xff0c;发包&#xff0c;此时上传成功 1.2使用js进行绕过 打开浏览器的检查&#xff0c;将其中的checkFile函数…...

编程日记 2025/1/23 5:25:57

关于linux的ld.so.conf.d

初级代码游戏的专栏介绍与文章目录-CSDN博客 我的github&#xff1a;codetoys&#xff0c;所有代码都将会位于ctfc库中。已经放入库中我会指出在库中的位置。 这些代码大部分以Linux为目标但部分代码是纯C的&#xff0c;可以在任何平台上使用。 源码指引&#xff1a;github源…...

编程日记 2025/1/23 5:24:56

pytest执行报错：found no collectors

今天在尝试使用pytest运行用例的时候出现报错&#xff1a;found no collectors&#xff1b;从两个方向进行排查&#xff0c;一是看文件名和函数名是不是符合规范&#xff0c;命名要是"test_*"格式&#xff1b;二是是否存在修改文件名的情况&#xff0c;如果修改过文件…...

编程日记 2025/1/23 5:22:54

如何实现网页不用刷新也能更新

要实现用户在网页上不用刷新也能到下一题&#xff0c;可以使用 前端和后端交互的技术&#xff0c;比如 AJAX&#xff08;Asynchronous JavaScript and XML&#xff09;、Fetch API 或 WebSocket 来实现局部页面更新。以下是一个实现思路&#xff1a; 1. 使用前端 AJAX 或 Fetch…...

编程日记 2025/1/23 5:17:48

c#调用c++的dll，字符串指针参数问题

一.背景 在 C# 中没有 char* 类型&#xff0c;因为 C# 是一种托管语言&#xff0c;它的设计目标是提供更高级别的安全性和内存管理&#xff0c;避免使用像 C 或 C 中的指针操作&#xff0c;以防止常见的指针相关错误&#xff0c;如内存泄漏和悬空指针。 二.c#调用c的dll&#x…...

编程日记 2025/1/23 5:16:47

HTML5 新表单属性详解

HTML5 为 <form> 和 <input> 标签引入了一系列新属性&#xff0c;极大地增强了表单的功能和用户体验。这些新属性不仅简化了开发者的工作&#xff0c;还为用户提供了更友好、更高效的交互方式。本文将详细介绍这些新属性&#xff0c;并结合代码示例帮助大家更好地理…...

编程日记 2025/1/23 5:14:44

JAVA 使用反射比较对象属性的变化，记录修改日志。使用注解【策略模式】，来进行不同属性枚举值到中英文描述的切换，支持前端国际化。

1.首先定义一个接口&#xff0c;接口中有两个方法&#xff0c;分别是将属性转换成英文描述和中文描述。 其实就是将数据库中记录的 0 1 &#xff0c;转换成后面的描述 这边定义了中文转换为默认方法&#xff0c;是因为有些属性不需要进行中文转换&#xff0c;或者该属性的枚举…...

编程日记 2025/1/23 5:13:43

Docker入门学习

一、容器 1. 将单个操作系统中的资源划分到孤立的组中&#xff0c;在孤立的组中平衡有冲突的资源使用需求 2. Docker提供了容器管理的工具可以无需关注底层操作&#xff0c;使用效果类似于轻量级的虚拟机&#xff0c; 并且容器的创建和停止相对于虚拟机来说比较快&am…...

编程日记 2025/1/23 5:11:41

吴恩达深度学习——神经网络介绍

文章内容来自BV11H4y1F7uH&#xff0c;仅为个人学习所用。 文章目录 什么是神经网络引入神经网络神经元激活函数ReLU隐藏单元 用神经网络进行监督学习监督学习与无监督学习举例 什么是神经网络 引入 已经有六个房子的数据集&#xff0c;横轴为房子大小&#xff0c;纵轴为房子…...

编程日记 2025/1/23 5:09:39

STM32之CubeMX新建工程操作（十八）

STM32F407 系列文章 - STM32CubeMX&#xff08;十八&#xff09; 目录 前言 一、STM32CubeMX 二、新建工程 ​编辑 1.创建工程 2.选择芯片型号 3.Pinout引脚分配 1.SYS配置 2.RCC配置 3.定时器配置 4.GPIO引脚配置 5.中断配置 6.通讯接口配置 7.插件Middleware配…...

编程日记 2025/1/23 5:02:07

Postgresql源码（140）理解PG的编译流程（make、Makefile、Makefile.global.in）

PG16 PG中使用的makefile看起来代码比较多&#xff0c;但是实际逻辑比较简单&#xff0c;这里做一些抽象总结。 总结 Makefile.global.in的$(recurse)宏自动生成了target&#xff0c;可以方便的进入内存目录进行编译。 all: all-common-recurse all-common-recurse: submak…...

编程日记 2025/1/23 4:59:59

logback日志自定义占位符

前言 在大型系统运维中&#xff0c;很大程度上是需要依赖日志的。在java大型web工程中&#xff0c;一般都会使用slf4jlogback这一个组合来实现日志的管理。 logback中很多现成的占位符可以可以直接使用&#xff0c;比如线程号【%t】、时间【%d】、日志等级【%p】&#xff0c;…...

编程日记 2025/1/23 4:56:45

IPFS去中心化存储实战指南：黑马程序员音乐播放器项目开发完整教程

IPFS去中心化存储实战指南&#xff1a;黑马程序员音乐播放器项目开发完整教程 【免费下载链接】BlockChain 黑马程序员 120天全栈区块链开发 开源教程 项目地址: https://gitcode.com/gh_mirrors/blockchain95/BlockChain 你是否想过如何构建一个真正去中心化的音乐播放…...

编程新知 2026/5/26 4:46:24

环境光遮蔽（Ambient Occlusion）：揭秘那个让虚拟世界“有重量感“的阴影魔法

一、一个让我"开窍"的老木匠故事 我有个朋友是传统家具的修复师&#xff0c;他给我讲过一个让我至今难忘的故事。他说他刚入行时跟着一位 70 多岁的老木匠师父学习——师父让他做的第一件事不是雕花、不是榫卯——而是"看阴影"——这个看似奇怪的训练改变了…...

编程新知 2026/5/26 2:29:35

Taotoken平台快速获取APIKey并开始你的第一个Python调用示例

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Taotoken平台快速获取APIKey并开始你的第一个Python调用示例 1. 准备工作&#xff1a;注册与登录 要开始使用Taotoken&#xff0c…...

编程新知 2026/5/26 0:18:08

浏览器指纹识别机制深度剖析与反识别技术实现

一、浏览器指纹技术基础认知1.1 浏览器指纹的核心定义在数字化时代&#xff0c;每一台接入互联网的设备都会留下独特的数字标识&#xff0c;浏览器指纹便是其中最关键的识别凭证之一。浏览器指纹是网站通过 JavaScript 脚本、HTTP 请求头、硬件接口调用等多种技术手段&#xff…...

编程新知 2026/5/25 22:06:16

OpenCore Legacy Patcher完全指南：3步让旧款Mac焕发新生的终极方案

OpenCore Legacy Patcher完全指南&#xff1a;3步让旧款Mac焕发新生的终极方案 【免费下载链接】OpenCore-Legacy-Patcher Experience macOS just like before 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 你是否拥有一台性能尚可但已被…...

编程新知 2026/5/25 21:05:31

简单学习 --＞ SSE

我们使用AI时&#xff0c;AI对我们说的话不会一次性把全部内容弹出来&#xff0c;而是会像流水一样&#xff0c;一点点吐出来&#xff0c;那么这种丝滑的交互体验&#xff0c;背后的核心就是 SSE (Server-Sent Events)。 什么是 SSE&#xff1f; SSE&#xff08;Server-Sent …...

编程新知 2026/5/25 21:01:15

通过Taotoken实现Hermes Agent自定义模型供应商接入

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 通过Taotoken实现Hermes Agent自定义模型供应商接入 Hermes Agent是一个流行的AI智能体开发框架&#xff0c;它支持通过配置自定义…...

编程新知 2026/5/25 20:20:05

告别手动预约：i茅台自动预约系统5分钟部署指南

告别手动预约&#xff1a;i茅台自动预约系统5分钟部署指南 【免费下载链接】campus-imaotai i茅台app自动预约&#xff0c;每日自动预约&#xff0c;支持docker一键部署&#xff08;本项目不提供成品&#xff0c;使用的是已淘汰的算法&#xff09; 项目地址: https://gitcode…...

编程新知 2026/5/25 19:34:31

AWS DevOps Agent 完全指南

AWS DevOps Agent 是 AWS 推出的前沿 AI 运维代理，自主调查和解决事件、持续预防故障、提升系统可靠性。本文档覆盖从原理到实战的全生命周期管理。 一、定位与价值 一句话定义 AWS DevOps Agent = AI 驱动的 SRE 队友，724 自主调查告警、定位根因、生成修复方案、预防未来…...

编程新知 2026/5/25 18:12:25

如何用Untrunc拯救损坏视频？2025年终极MP4修复工具完全指南

如何用Untrunc拯救损坏视频&#xff1f;2025年终极MP4修复工具完全指南 【免费下载链接】untrunc Restore a damaged (truncated) mp4, m4v, mov, 3gp video. Provided you have a similar not broken video. 项目地址: https://gitcode.com/gh_mirrors/unt/untrunc 当你…...

编程新知 2026/5/25 16:37:31