添加codestyle.md

233137f3 · 秃头给你一拳 · 70ac5de2 · 233137f3 · 233137f3
隐藏空白更改
内联并排

Showing with 33 addition and 1 deletion

221900226_221900233/codestyle.md 221900226_221900233/codestyle.md +32 -0

221900226_221900233/src/components/SelectBox.vue 221900226_221900233/src/components/SelectBox.vue +1 -1

未找到文件。
--- a/221900226_221900233/codestyle.md
+++ b/221900226_221900233/codestyle.md
+## 一、DOCTYPE 设置
+文档类型统一使用html5的doctype：
+<!DOCTYPE html>
+
+## 二、页面编码
+编码默认使用GBK，特定情况下有指定要求也可以是UTF-8
+<meta charset="GBK">
+<meta charset="UTF-8">
+
+## 三、代码
+
+### 1、HTML规范
+
+标签必须合法且闭合
+标签语法无错误，需要符合语义化
+除非有特定的功能、组件要求 等，禁止随意使用id来定义元素样式
+组件的自定义属性以':'开头而非'v-bind:',命名采用首单词首字母小写、其他单词首字母大写
+
+
+### 2、CSS规范
+
+禁止使用层级过深的选择器，最多3级
+除非有特定的功能、组件要求等，禁止随意使用id来定义元素样式
+除非是样式reset需要，禁止对 纯元素选择器 设置特定样式，避免样式污染
+
+## 四、命名
+
+命名使用英文，禁止使用特殊字符
+样式名不能包含ad、guanggao、ads、gg是广告含义的关键词，避免元素被网页拓展、插件屏蔽
+自定义数据的首单词首字母小写、其他单词首字母大写
+组件命名使用驼峰命名法
+命名尽量语义化
\ No newline at end of file
--- a/221900226_221900233/src/components/SelectBox.vue
+++ b/221900226_221900233/src/components/SelectBox.vue
@@ -66,7 +66,7 @@
        <th>比赛状态</th>
        <th>数据</th>
      </tr>
-      <tr v-for="site in sites" v-bind:key="site">
+      <tr v-for="site in sites" :key="site">
        <td>{{ site.enddatecn }}</td>
        <td>{{ site.itemcodename }}</td>
        <td>{{ site.title }}</td>