前端代码规范

Front Standard Guide

前端 JS 项目开发规范

规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。

引自《阿里规约》的开头片段：

----现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行驶。对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普遍认可的统一方式一起做事，提升协作效率，降低沟通成本。代码的字里行间流淌的是软件系统的血液，质量的提升是尽可能少踩坑，杜绝踩重复的坑，切实提升系统稳定性，码出质量。

一、编程规约

(一)命名规范

1.1.1 项目命名

全部采用小写方式，以中划线分隔。

正例：mall-management-system

反例：mall_management-system / mallManagementSystem

1.1.2 目录命名

全部采用小写方式，以中划线分隔，有复数结构时，要采用复数命名法，缩写不用复数

正例： scripts / styles / components / images / utils / layouts / demo-styles / demo-scripts / img / doc

反例： script / style / demo_scripts / demoStyles / imgs / docs

【特殊】VUE 的项目中的 components 中的组件目录，使用 kebab-case 命名

正例： head-search / page-loading / authorized / notice-icon

反例： HeadSearch / PageLoading

【特殊】VUE 的项目中的除 components 组件目录外的所有目录也使用 kebab-case 命名
正例： page-one / shopping-car / user-management

反例： ShoppingCar / UserManagement

1.1.3 JS、CSS、SCSS、HTML、PNG 文件命名

全部采用小写方式，以中划线分隔

正例： render-dom.js / signup.css / index.html / company-logo.png

反例： renderDom.js / UserManagement.html

1.1.4 命名严谨性

代码中的命名严禁使用拼音与英文混合的方式，更不允许直接使用中文的方式。说明：正确的英文拼写和语法可以让阅读者易于理解，避免歧义。注意，即使纯拼音命名方式也要避免采用

正例：henan / luoyang / rmb 等国际通用的名称，可视同英文。

反例：DaZhePromotion [打折] / getPingfenByName() [评分] / int 某变量 = 3

杜绝完全不规范的缩写，避免望文不知义：

反例：AbstractClass“缩写”命名成 AbsClass；condition“缩写”命名成 condi，此类随意缩写严重降低了代码的可阅读性。

(二)HTML 规范（Vue Template 同样适用）

1.2.1 HTML 类型

推荐使用 HTML5 的文档类型申明： .
（建议使用 text/html 格式的 HTML。避免使用 XHTML。XHTML 以及它的属性，比如 application/xhtml+xml 在浏览器中的应用支持与优化空间都十分有限）。

规定字符编码
IE 兼容模式
规定字符编码
doctype 大写

正例：



  
    
    
    Page title

1.2.2 缩进

缩进使用 2 个空格（一个 tab）

嵌套的节点应该缩进。

1.2.3 分块注释

在每一个块状元素，列表元素和表格元素后，加上一对 HTML 注释。注释格式


### 1.2.4 语义化标签

HTML5 中新增很多语义化标签，所以优先使用语义化标签，避免一个页面都是 div 或者 p 标签

正例


反例


#### 1.2.5 引号

使用双引号(" ") 而不是单引号(’ ') 。

正例： ``

反例： ``

### (三) CSS 规范

#### 1.3.1 命名

- 类名使用小写字母，以中划线分隔
- id 采用驼峰式命名
- scss 中的变量、函数、混合、placeholder 采用驼峰式命名

ID 和 class 的名称总是使用可以反应元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称

不推荐：

.fw-800 {
font-weight: 800;
}

.red {
color: red;
}


推荐:

.heavy {
font-weight: 800;
}

.important {
color: red;
}


#### 1.3.2 选择器

1)css 选择器中避免使用标签名
从结构、表现、行为分离的原则来看，应该尽量避免 css 中出现 HTML 标签，并且在 css 选择器中出现标签名会存在潜在的问题。

2)很多前端开发人员写选择器链的时候不使用 直接子选择器（注：直接子选择器和后代选择器的区别）。有时，这可能会导致疼痛的设计问题并且有时候可能会很耗性能。然而，在任何情况下，这是一个非常不好的做法。如果你不写很通用的，需要匹配到 DOM 末端的选择器， 你应该总是考虑直接子选择器。

不推荐:

.content .title {
font-size: 2rem;
}


推荐:

.content > .title {
font-size: 2rem;
}


#### 1.3.3 尽量使用缩写属性

不推荐：

border-top-style: none;
font-family: palatino, georgia, serif;
font-size: 100%;
line-height: 1.6;
padding-bottom: 2em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0;


推荐：

border-top: 0;
font: 100%/1.6 palatino, georgia, serif;
padding: 0 1em 2em;


#### 1.3.4 每个选择器及属性独占一行

不推荐：

button{
width:100px;height:50px;color:#fff;background:#00a0e9;
}


推荐：

button{
width:100px;
height:50px;
color:#fff;
background:#00a0e9;
}


#### 1.3.5 省略0后面的单位

不推荐：

div{
padding-bottom: 0px;
margin: 0em;
}


推荐：

div{
padding-bottom: 0;
margin: 0;
}


#### 1.3.6 避免使用ID选择器及全局标签选择器防止污染全局样式

不推荐：

header{

padding-bottom: 0px;
margin: 0em;
}


推荐：

.header{
padding-bottom: 0px;
margin: 0em;
}


### (四) LESS 规范

#### 1.4.1 代码组织

##### 1)将公共less文件放置在style/less/common文件夹

例:// color.less,common.less

##### 2)按以下顺序组织

1、@import;
2、变量声明;
3、样式声明;

@import "mixins/size.less";

@default-text-color: #333;

.page {
width: 960px;
margin: 0 auto;
}


#### 1.4.2 避免嵌套层级过多

将嵌套深度限制在3级。对于超过4级的嵌套，给予重新评估。这可以避免出现过于详实的CSS选择器。
避免大量的嵌套规则。当可读性受到影响时，将之打断。推荐避免出现多于20行的嵌套规则出现

不推荐：

.main{
.title{
.name{
color:#fff
}
}
}


推荐：

.main-title{
.name{
color:#fff
}
}


### (五) Javascript 规范

#### 1.5.1 命名

##### 1) 采用小写驼峰命名 lowerCamelCase，代码中的命名均不能以下划线，也不能以下划线或美元符号结束

反例： `_name / name_ / name$`

##### 2) 方法名、参数名、成员变量、局部变量都统一使用 lowerCamelCase 风格，必须遵从驼峰形式。

正例： `localValue / getHttpMessage() / inputUserId`

****其中 method 方法命名必须是 动词 或者 动词+名词 形式\****

正例：`saveShopCarData /openShopCarInfoDialog`

反例：`save / open / show / go`

****特此说明，增删查改，详情统一使用如下 5 个单词，不得使用其他（目的是为了统一各个端）\****

add / update / delete / detail / get


**附： 函数方法常用的动词:**

get 获取/set 设置,
add 增加/remove 删除
create 创建/destory 移除
start 启动/stop 停止
open 打开/close 关闭,
read 读取/write 写入
load 载入/save 保存,
create 创建/destroy 销毁
begin 开始/end 结束,
backup 备份/restore 恢复
import 导入/export 导出,
split 分割/merge 合并
inject 注入/extract 提取,
attach 附着/detach 脱离
bind 绑定/separate 分离,
view 查看/browse 浏览
edit 编辑/modify 修改,
select 选取/mark 标记
copy 复制/paste 粘贴,
undo 撤销/redo 重做
insert 插入/delete 移除,
add 加入/append 添加
clean 清理/clear 清除,
index 索引/sort 排序
find 查找/search 搜索,
increase 增加/decrease 减少
play 播放/pause 暂停,
launch 启动/run 运行
compile 编译/execute 执行,
debug 调试/trace 跟踪
observe 观察/listen 监听,
build 构建/publish 发布
input 输入/output 输出,
encode 编码/decode 解码
encrypt 加密/decrypt 解密,
compress 压缩/decompress 解压缩
pack 打包/unpack 解包,
parse 解析/emit 生成
connect 连接/disconnect 断开,
send 发送/receive 接收
download 下载/upload 上传,
refresh 刷新/synchronize 同步
update 更新/revert 复原,
lock 锁定/unlock 解锁
check out 签出/check in 签入,
submit 提交/commit 交付
push 推/pull 拉,
expand 展开/collapse 折叠
begin 起始/end 结束,
start 开始/finish 完成
enter 进入/exit 退出,
abort 放弃/quit 离开
obsolete 废弃/depreciate 废旧,
collect 收集/aggregate 聚集


##### 3) 常量命名全部大写，单词间用下划线隔开，力求语义表达完整清楚，不要嫌名字长。

正例： `MAX_STOCK_COUNT`

反例： `MAX_COUNT`

#### 1.5.2 代码格式

##### 1) 使用 2 个空格进行缩进

正例：

if (x < y) {
x += 10;
} else {
x += 1;
}


##### 2) 不同逻辑、不同语义、不同业务的代码之间插入一个空行分隔开来以提升可读性。

> 说明：任何情形，没有必要插入多个空行进行隔开。

#### 1.5.3 字符串

统一使用单引号(‘)，不使用双引号(“)。这在创建 HTML 字符串非常有好处：

正例:

let str = 'foo';
let testDiv = '


反例:

let str = 'foo';
let testDiv = "


#### 1.5.4 对象声明

##### 1)使用字面值创建对象

正例： `let user = {};`

反例： `let user = new Object();`

##### 2) 使用字面量来代替对象构造器

正例：

var user = {
age: 0,
name: 1,
city: 3
};


反例：

var user = new Object();
user.age = 0;
user.name = 0;
user.city = 0;


#### 1.5.5 使用 ES6,7

必须优先使用 ES6,7 中新增的语法糖和函数。这将简化你的程序，并让你的代码更加灵活和可复用。

> 必须强制使用 ES6, ES7 的新语法，比如箭头函数、await/async ， 解构， let ， for…of 等等

#### 1.5.6 括号

下列关键字后必须有大括号（即使代码块的内容只有一行）：if, else, for, while, do, switch, try, catch, finally, with。

正例：

if (condition) {
doSomething();
}


反例：

if (condition) doSomething();


#### 1.5.7 undefined 判断

永远不要直接使用 undefined 进行变量判断；使用 typeof 和字符串’undefined’对变量进行判断。

正例：

if (typeof person === 'undefined') {
...
}


反例：

if (person === undefined) {
...
}


#### 1.5.8 条件判断和循环最多三层

条件判断能使用三目运算符和逻辑运算符解决的，就不要使用条件判断，但是谨记不要写太长的三目运算符。如果超过 3 层请抽成函数，并写清楚注释。

#### 1.5.9 this 的转换命名

对上下文 this 的引用只能使用’self’来命名

#### 1.5.10 慎用 console.log

因 console.log 大量使用会有性能问题，所以在非 webpack 项目中谨慎使用 log 功能

# 二、Vue 项目规范

### (一) Vue 编码基础

vue 项目规范以 Vue 官方规范 （https://cn.vuejs.org/v2/style-guide/） 中的 A 规范为基础，在其上面进行项目开发，故所有代码均遵守该规范。

> 请仔仔细细阅读 Vue 官方规范，切记，此为第一步。

#### 2.1.1. 组件规范

##### 1) 组件名为多个单词。

组件名应该始终是多个单词组成（大于等于 2），且命名规范为`KebabCase`格式。
这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单词的。

正例：

export default {
name: 'TodoItem'
// ...
};


反例：

export default {
name: 'Todo',
// ...
}
export default {
name: 'todo-item',
// ...
}


##### 2) 组件文件名为 pascal-case 格式

正例：

components/
|- my-component.vue


反例：

components/
|- myComponent.vue
|- MyComponent.vue


##### 3) 基础组件文件名为 base 开头，使用完整单词而不是缩写。

正例：

components/
|- base-button.vue
|- base-table.vue
|- base-icon.vue


反例：

components/
|- MyButton.vue
|- VueTable.vue
|- Icon.vue


##### 4) 和父组件紧密耦合的子组件应该以父组件名作为前缀命名

正例：

components/
|- todo-list.vue
|- todo-list-item.vue
|- todo-list-item-button.vue
|- user-profile-options.vue （完整单词）


反例：

components/
|- TodoList.vue
|- TodoItem.vue
|- TodoButton.vue
|- UProfOpts.vue （使用了缩写）


##### 5) 在 Template 模版中使用组件，应使用 PascalCase 模式，并且使用自闭合组件。

正例：


反例：


##### 6) 组件的 data 必须是一个函数

当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方)，它的值必须是返回一个对象的函数。 因为如果直接是一个对象的话，子组件之间的属性值会互相影响。

正例：

export default {
data () {
return {
name: 'jack'
}
}
}


反例：

export default {
data: {
name: 'jack'
}
}


##### 7) Prop 定义应该尽量详细

- 必须使用 camelCase 驼峰命名
- 必须指定类型
- 必须加上注释，表明其含义
- 必须加上 required 或者 default，两者二选其一
- 如果有业务需要，必须加上 validator 验证

正例：

props: {
// 组件状态，用于控制组件的颜色
status: {
type: String,
required: true,
validator: function (value) {
return [
'succ',
'info',
'error'
].indexOf(value) !== -1
}
},
// 用户级别，用于显示皇冠个数
userLevel：{
type: String,
required: true
}
}


##### 8) 为组件样式设置作用域

正例：


反例：


##### 9) 如果特性元素较多，应该主动换行。

正例：

foo="a" bar="b" baz="c"
foo="a" bar="b" baz="c"
/>


反例：


#### 2.1.2. 模板中使用简单的表达式

组件模板应该只包含简单的表达式，复杂的表达式则应该重构为计算属性或方法。复杂表达式会让你的模板变得不那么声明式。我们应该尽量描述应该出现的是什么，而非如何计算那个值。而且计算属性和方法使得代码可以重用。

正例：

// 复杂表达式已经移入一个计算属性
computed: {
normalizedFullName: function () {
return this.fullName.split(' ').map(function (word) {
return word[0].toUpperCase() + word.slice(1)
}).join(' ')
}
}


反例：


#### 2.1.3 指令都使用缩写形式

指令推荐都使用缩写形式，(用 : 表示 v-bind: 、用 @ 表示 v-on: 和用 # 表示 v-slot:)

正例：

@input="onInput"
@focus="onFocus"


反例：

v-on:input="onInput"
@focus="onFocus"


#### 2.1.4 标签顺序保持一致

单文件组件应该总是让标签顺序保持为 `

正例：


反例：


#### 2.1.5 必须为 v-for 设置键值 key

#### 2.1.6 v-show 与 v-if 选择

如果运行时，需要非常频繁地切换，使用 v-show ；如果在运行时，条件很少改变，使用 v-if。

#### 2.1.7 script 标签内部结构顺序

components > props > data > computed > watch > filter > 钩子函数（钩子函数按其执行顺序） > methods

#### 2.1.8 Vue Router 规范

##### 1) 页面跳转数据传递使用路由参数

页面跳转，例如 A 页面跳转到 B 页面，需要将 A 页面的数据传递到 B 页面，推荐使用 路由参数进行传参，而不是将需要传递的数据保存 vuex，然后在 B 页面取出 vuex 的数据，因为如果在 B 页面刷新会导致 vuex 数据丢失，导致 B 页面无法正常显示数据。

正例：

let id = ' 123';
this.$router.push({ name: 'userCenter', query: { id: id } });


##### 2) 使用路由懒加载（延迟加载）机制

{
    path: '/uploadAttachment',
    name: 'uploadAttachment',
    meta: {
      title: '上传附件'
    },
    component: () => import('@/view/components/uploadAttachment/index.vue')
  },


##### 3) router 中的命名规范

path、childrenPoints 命名规范采用`kebab-case`命名规范（尽量vue文件的目录结构保持一致，因为目录、文件名都是`kebab-case`，这样很方便找到对应的文件）

name 命名规范采用`KebabCase`命名规范且和component组件名保持一致！（因为要保持keep-alive特性，keep-alive按照component的name进行缓存，所以两者必须高度保持一致）

// 动态加载
export const reload = [
{
path: '/reload',
name: 'reload',
component: Main,
meta: {
title: '动态加载',
icon: 'icon iconfont'
},

children: [
  {
    path: '/reload/smart-reload-list',
    name: 'SmartReloadList',
    meta: {
      title: 'SmartReload',
      childrenPoints: [
        {
          title: '查询',
          name: 'smart-reload-search'
        },
        {
          title: '执行reload',
          name: 'smart-reload-update'
        },
        {
          title: '查看执行结果',
          name: 'smart-reload-result'
        }
      ]
    },
    component: () =>
      import('@/views/reload/smart-reload/smart-reload-list.vue')
  }
]

}
];


##### 4) router 中的 path 命名规范

path除了采用`kebab-case`命名规范以外，必须以 / 开头，即使是children里的path也要以 / 开头。如下示例

- 

目的：

经常有这样的场景：某个页面有问题，要立刻找到这个vue文件，如果不用以/开头，path为parent和children组成的，可能经常需要在router文件里搜索多次才能找到，而如果以/开头，则能立刻搜索到对应的组件
*

{
path: '/file',
name: 'File',
component: Main,
meta: {
title: '文件服务',
icon: 'ios-cloud-upload'
},
children: [
{
path: '/file/file-list',
name: 'FileList',
component: () => import('@/views/file/file-list.vue')
},
{
path: '/file/file-add',
name: 'FileAdd',
component: () => import('@/views/file/file-add.vue')
},
{
path: '/file/file-update',
name: 'FileUpdate',
component: () => import('@/views/file/file-update.vue')
}
]
}


### (二) Vue 项目目录规范

#### 2.2.1 基础

vue 项目中的所有命名一定要与后端命名统一。

比如权限：后端 privilege, 前端无论 router , store, api 等都必须使用 privielege 单词！

#### 2.2.2 使用 Vue-cli 脚手架

使用 vue-cli3 来初始化项目，项目名按照上面的命名规范。

#### 2.2.3 目录说明

目录名按照上面的命名规范，其中 components 组件用大写驼峰，其余除 components 组件目录外的所有目录均使用 kebab-case 命名。


##### 1) api 目录

- 文件、变量命名要与后端保持一致。
- 此目录对应后端 API 接口，按照后端一个 controller 一个 api js 文件。若项目较大时，可以按照业务划分子目录，并与后端保持一致。
- api 中的方法名字要与后端 api url 尽量保持语义高度一致性。
- 对于 api 中的每个方法要添加注释，注释与后端 swagger 文档保持一致。

正例：

后端 url： EmployeeController.java

/employee/add
/employee/delete/{id}
/employee/update


前端： employee.js

// 添加员工
addEmployee: (data) => {
return postAxios('/employee/add', data)
},
// 更新员工信息
updateEmployee: (data) => {
return postAxios('/employee/update', data)
},
// 删除员工
deleteEmployee: (employeeId) => {
return postAxios('/employee/delete/' + employeeId)
},


##### 2) assets 目录

assets 为静态资源，里面存放 images, styles, icons 等静态资源，静态资源命名格式为 kebab-case


##### 3) components 目录

此目录应按照组件进行目录划分，目录命名为 KebabCase，组件命名规则也为 KebabCase


##### 4) constants 目录

此目录存放项目所有常量，如果常量在 vue 中使用，请使用 vue-enum 插件(https://www.npmjs.com/package/vue-enum)

目录结构：

|constants
|-- index.js
|-- role.js
|-- employee.js


例子： employee.js

export const EMPLOYEE_STATUS = {
NORMAL: {
value: 1,
desc: '正常'
},
DISABLED: {
value: 1,
desc: '禁用'
},
DELETED: {
value: 2,
desc: '已删除'
}
};

export const EMPLOYEE_ACCOUNT_TYPE = {
QQ: {
value: 1,
desc: 'QQ登录'
},
WECHAT: {
value: 2,
desc: '微信登录'
},
DINGDING: {
value: 3,
desc: '钉钉登录'
},
USERNAME: {
value: 4,
desc: '用户名密码登录'
}
};

export default {
EMPLOYEE_STATUS,
EMPLOYEE_ACCOUNT_TYPE
};


##### 5) router 与 store 目录

这两个目录一定要将业务进行拆分，不能放到一个 js 文件里。

router 尽量按照 views 中的结构保持一致

store 按照业务进行拆分不同的 js 文件

##### 6) views 目录

- 命名要与后端、router、api 等保持一致
- components 中组件要使用 PascalCase 规则


#### 2.2.4 注释说明

整理必须加注释的地方

- 公共组件使用说明
- api 目录的接口 js 文件必须加注释
- store 中的 state, mutation, action 等必须加注释
- vue 文件中的 template 必须加注释，若文件较大添加 start end 注释
- vue 文件的 methods，每个 method 必须添加注释
- vue 文件的 data, 非常见单词要加注释

#### 2.2.5 其他

##### 1) 尽量不要手动操作 DOM

因使用 vue 框架，所以在项目开发中尽量使用 vue 的数据驱动更新 DOM，尽量（不到万不得已）不要手动操作 DOM，包括：增删改 dom 元素、以及更改样式、添加事件等。

##### 2) 删除无用代码

因使用了 git/svn 等代码版本工具，对于无用代码必须及时删除，例如：一些调试的 console 语句、无用的弃用功能代码。

你可能感兴趣的:(开发规范)

Cursor 使用教程：自定义AI规则引擎-贴合企业规范的代码生成程序员岳彬全栈开发人工智能开发语言 AI编程后端 java ai
文章目录一、引言二、CursorAI核心功能与入门实践2.1快速上手：生成基础代码结构2.2规则引擎配置：统一企业开发规范三、自定义规则引擎核心技术解析3.1领域特定语言（DSL）设计3.2MyBatis-PlusCRUD规则实现3.2.1实体类生成规则3.2.2Mapper接口生成规则3.3异常处理规则设计3.3.1全局异常处理器生成3.3.2业务异常重试规则四、企业级实践：MyBatis-Pl
Mermaid 绘图指南（一）- Mermaid图表绘制语法详解与实战示例全能骑士涛锅锅通用技术/研究方法 Markdown Mermaid 图表绘制流程图
Mermaid绘图指南（一）-Mermaid图表绘制语法详解与实战示例AuthorDateVersionNoteTaoWang2025-04-24V1.0Releasethedocument.文章目录Mermaid绘图指南（一）-Mermaid图表绘制语法详解与实战示例一、工具概述1.1工具简介1.2快速入门1.3图表类型支持1.4实战案例：明代皇族谱系二、饼状图开发规范2.1语法结构参数说明表2
Python 开发规范：pdb & cProfile：调试 & 性能分析写文章的大米 Python 核心技术 python
↑↑↑欢迎点赞、关注、收藏！！！，10年IT行业老鸟，持续分享更多IT干货文章目录pdb&cProfile：调试&性能分析核心内容1、调试和性能分析的必要性2、pdb调试工具3、cProfile性能分析工具pdb&cProfile：调试&性能分析核心内容1、调试和性能分析的必要性在实际生产环境中，代码调试（找问题根因、修复bug）和性能分析（优化效率、减少latency）是开发关键环节。尤其，面对
JAVA进阶之路夜澜听雨声 Java Advance java 开发语言
JAVA进阶之路一、Java企业开发基础1.JavaWeb2.SSM框架3.Maven4.Springboot25.mybatis-plus6.前端学习（不算很重要）7.SpringSecurity（有时间再看，不重要）8.代码开发规范（不重要，有时间看）9.Git10.Linux（不重要，会用就行）二、Java企业开发进阶1.设计模式2.Redis（核心）3.消息队列RocketMQ(核心)4.
MySQL 开发规范和使用约束小凯 ོ mysql android 数据库
作者：小凯沉淀、分享、成长，让自己和他人都能有所收获！本文的宗旨在于通过简单干净实践的方式教会读者，如何更好地使用MySQL数据库。这包括；库表创建规范、字段的创建规范、索引的创建规范以及SQL使用的相关规范，通过这些内容的讲解，让读者更好使用MySQL数据库，创建出符合规范的表和字段以及建出合适的索引。如果你还想学习更深入的MySQL知识，建议可以阅读下官网的参考手册，这比任何一个资料都要有权威
9大策略深度解析MySQL多表JOIN性能优化剽悍一小兔 mysql 性能优化数据库
一、多表JOIN的现实挑战在实际开发中，MySQL多表JOIN场景主要源于两类场景：•历史遗留系统：老代码中未严格遵循范式设计的SQL语句•数据库迁移：从Oracle迁移至MySQL时保留的复杂关联查询这类操作潜藏多重风险：•数据量增长后易引发慢查询甚至生产故障•复杂关联逻辑增加后续维护成本•阿里开发规范明确禁止三表以上JOIN（《阿里巴巴Java开发手册》）二、多表JOIN优化实战策略1.拆分S
【Dify精讲】第17章：前端组件定制开发 1989 前端架构 python flask AI编程
引言作为一个深耕前端领域多年的老兵，我见证了从jQuery到现代框架的演进历程。当我深入Dify的前端代码库时，被其优雅的组件架构设计深深震撼。这不仅仅是一个简单的AI应用前端，更是一个展示现代前端开发最佳实践的典型案例。今天，让我们一起走进Dify的前端世界，从组件设计的角度来理解如何构建一个可维护、可扩展的企业级前端应用。一、组件开发规范1.1Dify的组件架构哲学翻开Dify的前端代码，你会
Go语言开发规范指南：代码风格、命名与注释标准（持续更新） Code季风 golang 开发语言后端
在Go语言开发中，良好的代码规范不仅能提升代码的可读性，还能增强团队协作效率。本文整理了Go项目中常见的代码规范基本原则、命名规范、注释规范和代码风格规范，适用于中小型团队或个人开发者使用。一、代码规范基本原则代码规范不是强制性的语法要求，而是为了帮助开发者形成统一的编码风格，从而提高项目的可维护性与一致性。✅非强制性不遵循规范的代码仍可正常运行，但不利于长期维护。团队协作目标通过统一的命名、格式
大厂实习生只因在SQL语句中用 in 和 not in 实习考核都失败了 cyc&阿灿 Java sql 数据库
在阿里巴巴、腾讯等一线互联网大厂的SQL开发规范中，我们经常会看到一条明确的规定：禁止在SQL查询中使用IN和NOTIN操作符。这一规定常常让刚接触大厂开发规范的程序员感到困惑——这两个在SQL教程和日常开发中频繁使用的操作符，为何会成为大厂的"禁忌"？本文将从性能瓶颈、结果准确性、架构适配性等多个维度，深入剖析大厂禁用IN和NOTIN背后的技术考量。一、性能问题：IN/NOTIN为何成为查询性能
前端架构的重要性--不知道写啥O(∩_∩)O哈哈~ 香蕉可乐荷包蛋前端前端架构
前端架构的重要性主要体现在以下几个方面：1.提升代码可维护性良好的架构使代码结构清晰，模块职责分明，便于后续维护和迭代。统一的开发规范和设计模式有助于团队成员快速理解项目结构。2.增强项目的可扩展性合理的架构支持功能模块的灵活扩展，避免“牵一发动全身”的问题。有利于新功能的快速集成，适应产品不断变化的需求。3.提高团队协作效率明确的架构设计有助于多人协作开发，减少代码冲突和重复劳动。新成员可以更快
python版若依框架开发：后端开发规范德信软件 python若依开发之路 python 前端 ruoyi
python版若依框架开发从0起步，扬帆起航。python版若依部署代码生成指南，迅速落地CURD！项目结构解析前端开发规范后端开发规范文章目录python版若依框架开发1.启动命令2.配置⽂件3.上传配置1.启动命令本项⽬⾃定义了两个启动命令pyhtonapp.py--env=devpythonapp.py--env=prod这两个启动命令的作⽤在于根据指定的env参数来加载对应的配置⽂件，指定
微信小程序：商城系列专辑（开发指南+精品Demo） weixin_34315665
2019独角兽企业重金招聘Python工程师标准>>>微信小程序联盟出品商城开发指南：微信小程序商城模块|链接使用zanui开发小程序微商城（模板组件的开发规范）|链接ecshop商城开发：用户信息的获取和缓存，地址信息的缓存|链接微信小程序商城-基于ecshop插件接口文件|链接基于vue,react,node.js,go开发的微商城|链接移动小商城：基于node，包含前后台|链接微信小程序之侧
在 Vue 2 项目里引入 sockjs.min.js 、 stomp.min.js 和 jquery.js 我像在与风相爱前端 javascript vue.js jquery
介绍常见的两种：第一种方式适用于直接使用静态文件，第二种方式更符合现代前端开发规范，推荐使用第二种方式。方式一：静态资源引入把sockjs.min.js、stomp.min.js和jquery.js文件放到项目的public目录（若使用VueCLI创建的项目）。在public/index.html文件里引入这些脚本。favicon.ico">We'resorrybutdoesn'tworkprop
Python模块、包、库三者有何区别与联系理工男大辉郎 python 开发语言
Python模块（Module）、包（Package）和库（Library）三者的关系可以通过Python官方文档和核心开发规范进行权威解释：1.模块（Module）●定义：模块是单个Python文件（.py文件），包含可执行的代码（函数、类、变量等）。●作用：通过模块可以实现代码的复用和逻辑隔离。●权威依据：Python官方文档明确将模块定义为“代码组织的基本单元”。例如，math.py是一个模
JAVA后端开发规范 2401_87555402 java 开发语言
【强制】Model类中布尔类型的变量，都不要加is，否则部分框架解析会引起序列化错误。反例：定义为基本数据类型BooleanisDeleted；的属性，它的方法也是isDeleted()，RPC框架在反向解析的时候，“以为”对应的属性名称是deleted，导致属性获取不到，进而抛出异常。【强制】对于Service和DAO类，基于SOA的理念，暴露出来的服务一定是接口，内部的实现类用Impl的后缀与
请关注—MySQL各种优化汇总一次性掌握 DoWeixin6 数据治理 mysql 数据库
以下是MySQL优化方式及用例**，涵盖索引、查询、表设计、配置、架构、开发规范等多个方向，结合实际应用场景举例说明：---一、索引优化1.**单列索引****用例**：为高频查询字段（如用户表的`user_id`）建立索引。```sqlCREATEINDEXidx_user_idONusers(user_id);```2.**联合索引（最左前缀）****用例**：查询条件常同时使用`status
基于Scikit-learn与Flask的医疗AI糖尿病预测系统开发实战 Tech Synapse 人工智能 scikit-learn flask
引言在精准医疗时代，人工智能技术正在重塑临床决策流程。本文将深入解析如何基于MIMIC-III医疗大数据集，使用Python生态构建符合医疗AI开发规范的糖尿病预测系统。项目涵盖从数据治理到模型部署的全流程，最终交付符合DICOM标准的临床决策支持工具，为医疗机构提供可落地的AI辅助诊断方案。一、项目技术架构设计1.1系统架构图+-------------------++-------------
Alpha阶段项目复审 anpou3240 ui 测试 git
队名优点缺点名次大马猴队出现BUG修复时间短；针对初期用户需求的分析缺点能够快速更正，针对用户痛点实现了功能；开发的过程中削减了无用的功能，源代码管理比较好，更改能够及时提交，相关成员都有参与代码管理。没有专门的发布测试，主要依靠开发过程中的测试来发现BUG；UI完全使用微信界面，仍需要改进。3菜鸡互啄队有明确的开发规范，有相应的应急计划，团队间分工明确，能够较快地完成自己的任务并能够空余出来处理
框架和架构的概念「已注销」
软件框架（Softwareframework）通常指的是为了实现某个业界标准或完成特定基本任务的软件组件规范，也指为了实现某个软件组件规范时，提供规范所要求之基础功能的软件产品。框架是组件规范：例如，MVC就是一种最常见的开发规范，类似的还有MVP、MVVM、J2EE等框架。框架提供基础功能的产品：例如，SpringMVC是MVC的开发框架，除了满足MVC的规范，Spring提供了很多基础功能来帮
框架和架构的区别 Foreverthinker 架构运维 java 服务器
框架和架构的区别框架的概念软件框架（softwareframework）通常指的是为了实现某个业界的标准或者为了完成特定的基本任务的软件组件规范，也指为了实现某个软件组件规范时，提供规范所要求之基本功能的软件产品。概括：（1）框架是组件规范：例如，MVC就是一种最常见的开发规范，类似的还有MVP、MVVM、J2EE等框架。（2）框架可以提供基础功能产品，为了满足组件规范：例如，SpringMVC是
Goframe项目Ai面试学习Day01 神奇萝卜头面试学习 go
Goframe项目Ai面试学习Day01问题1：请你简单介绍一下goframe-shop这个项目的基本架构和主要模块。你在项目中主要负责了哪些模块或者功能？回答1：goframe-shop是一个基于Go语言和GoFrame框架构建的电商平台。它的基本架构是前后端分离的模式。后端主要提供RESTfulAPI接口，供前端应用调用。项目整体遵循了GoFrame推荐的项目结构和开发规范。主要模块可以划分为
31.Redis开发规范与性能优化 -273K redis 性能优化数据库
一、键值设计1.key名设计(1)【建议】:可读性和可管理性以业务名(或数据库名)为前缀(防止key冲突)，用冒号分隔，比如业务名:表名:idtrade:order:1(2)【建议】：简洁性保证语义的前提下，控制key的长度，当key较多时，内存占用也不容忽视，例如：user:{uid}:friends:messages:{mid}简化为u:{uid}:fr:m:{mid}(3)【强制】：不要包含
前端代码开发规范总结 sgegv 程序员前端
1.2.5引号使用双引号("")而不是单引号(’')。正例：反例：(三)CSS规范1.3.1命名类名使用小写字母，以中划线分隔id采用驼峰式命名scss中的变量、函数、混合、placeholder采用驼峰式命名ID和class的名称总是使用可以反应元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称。不推荐：.fw-800{font-weight:800;}.red{color:
Maven概述田园Coder SpringBoot3入门实战 java spring spring boot 后端 maven
本内容采用最新SpringBoot3框架版本，视频观看地址：B站视频播放1.Maven概述1.1Maven的概念和作用ApacheMaven是一个软件项目管理工具，将项目开发和管理过程抽象程一个项目对象模型，主要作用是：统一开发规范提供标准的、统一的项目结构。统一依赖管理方便快捷的管理项目依赖的资源（Jar包），避免资源间的版本冲1.2Maven的坐标Maven的坐标是定位资源位置的唯一标识，通过
全面掌握ECShop开源电商平台源码及二次开发侯昂
本文还有配套的精品资源，点击获取简介：ECShop是一个流行的开源电子商务解决方案，支持搭建B2C在线购物平台。它以易用性、灵活性和强大功能著称，并且支持多语言和多种支付方式。本主题将深入探讨ECShop的核心功能，重点是其二次开发过程，包括PHP编程、框架结构理解、遵循开发规范、模块化开发以及数据库操作等。开发者通过这些内容可以学习如何对ECShop进行定制化开发和优化，以适应不同规模商店的需求
【Unity】UI的MVP框架理解，浅谈框架 SaFuFuの绝世 unity 游戏引擎 c#前端框架
【Unity】UI的MVP框架理解，浅谈框架引入框架简单谈谈MVP框架框架结构框架流程最后的碎碎念引入框架什么是框架？很多课程都会提到所谓的框架。进入实习前，总觉得那是很大的，可能需要有某些组件或者其他不一样的东西来作为基础进行搭建的环境。实际接触过后，其实所谓框架，主要是作为一种开发规范存在的，它的实现并不一定要依赖于什么。为什么存在框架？在实际的大型项目进行开发时，通常有几十号人共同对项目动手
SQL Server 存储过程开发规范 nbsaas-boot 软件工程
SQLServer存储过程开发规范（高级版）1.总则1.1目标本规范旨在：提高存储过程的事务一致性、异常可追踪性、错误透明度。统一日志记录、错误码管理、链路追踪（TraceID）。支持复杂事务场景（嵌套事务、分布式事务）。为持续集成（CI/CD）提供自动化测试与发布支持。2.存储过程分层与职责层次控制事务记录异常日志返回状态码TraceID说明Main（主流程）❌✅✅✅生成并传递TraceID，汇
前端开发规范：CSS 代码规范指南易风920 前端开发规范 css 代码规范前端
CSS代码规范指南代码风格代码格式化样式书写一般有两种：一种是紧凑格式(Compact).web{display:block;width:50px;}一种是展开格式（Expanded）.web{display:block;width:50px;}团队约定:统一使用展开格式书写样式代码大小写样式选择器，属性名，属性值关键字全部使用小写字母书写，属性字符串允许使用大小写。/*推荐*/.web{disp
互联网公司中新版SpringBoot2.X开发规范解读 wjb_ 全栈教育平台 spring java spring boot
第三章互联网公司中新版SpringBoot2.X开发规范解读1新版SpringBoot2.x目录文件结构讲解和静态资源访问简介：讲解SpringBoot目录文件结构和官方推荐的目录规范、静态资源访问目录讲解src/main/java：存放代码src/main/resourcesstatic:存放静态文件，比如css、js、image,（访问方式http://localhost:8080/js/ma
vue开发规范，看这篇就完事了！！小于林等于二 vue开发规范 vue element vant
vue开发规范。一、目录结构二、UI框架选择三、文件夹、组件命名规范、组件结构规范四、组件样式五、文件格式六、Template模板文件七、Script八、Style九、注释规范十、路由一、目录结构|—build构建脚本目录|—build.js生产环境构建（编译打包）脚本|—check-versions.js版本验证工具|—utils.js构建相关工具方法（主要用来处理css类文件的loader）|
Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序）所需辅助空间最多：归并排序所需辅助空间最少：堆排序平均速度最快：快速排序不稳定：快速排序，希尔排序，堆排序。先来看看8种排序之间的关系： 1.直接插入排序（1
【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
linux 查看端口被占用情况详解 daizj linux 端口占用 netstat lsof
经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序 1、lsof -i:port port为端口号 [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND PID USER FD TY
Hosts文件使用周凡杨 hosts locahost
一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
java excel工具 g21121 Java excel
直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
web报表工具finereport常用函数的用法总结（数组函数）老A不折腾 finereport web报表函数总结
ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
游戏服务器网络带宽负载计算墙头上一根草服务器
家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是每秒8M位，即每秒1M字节。我是在计算我们网络流量时想到的
我的spring学习笔记2-IoC（反向控制依赖注入） aijuans Spring 3 系列
IoC（反向控制依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明：如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
高性能mysql 之选择存储引擎(一) annan211 mysql InnoDB MySQL引擎存储引擎
1 没有特殊情况，应尽可能使用InnoDB存储引擎。原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
UDP网络编程百合不是茶 UDP编程局域网组播
UDP是基于无连接的,不可靠的传输与TCP/IP相反 UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
JQuery对象的val()方法执行结果分析 bijian1013 JavaScript js jquery
JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。
http请求测试实例（采用json-lib解析） bijian1013 json http
由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。定义模型、接口和服务器端代码 |---Model &nb
【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
1.Mahout环境搭建 1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz 2.解压Mahout 3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
nginx负载tomcat遇非80时的转发问题 ronin47
　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port 详细如下：　　该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
mongoDB 复制集开窍的石头 mongodb
mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题 mo
[宇宙与天文]宇宙时代的经济学 comsci 经济
宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源以目前地球上国家的经济发展水平来讲，
Git忽略文件 Cwind git
有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
MySQL连接数据库的必须配置 dashuaifu mysql 连接数据库配置
MySQL连接数据库的必须配置 1.driverClass：com.mysql.jdbc.Driver 2.jdbcUrl：jdbc:mysql://localhost:3306/dbname 3.user：username 4.password：password 其中1是驱动名；2是url，这里的‘dbna
一生要养成的60个习惯 dcj3sjt126com 习惯
一生要养成的60个习惯第1篇让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
[介绍]Yii 是什么 dcj3sjt126com PHP yii2
Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
Linux SSH常用总结 eksliang linux ssh SSHD
转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机格式： ssh name@remoteserver 例如： ssh [email protected] 二、连接到远程主机指定的端口格式： ssh name@remoteserver -p 22 例如： ssh i
快速上传头像到服务端工具类FaceUtil gundumw100 android
快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
jQuery入门之怎么使用 ini JavaScript html jquery Web css
jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
带filter的hbase查询优化 kane_xie 查询优化 hbase RandomRowFilter
问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。问题原因直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
java设计模式-单例模式 men4661273 java 单例枚举反射 IOC
单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境 mongodb 纵观千象
// mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
二维数组转换成JSON tangqi609567707 java 二维数组 json
原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo { public static void main(String[] args) { String[][] blogL
erlang supervisor wudixiaotie erlang
定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

开发规范