前后端统一使用单词

统一使用单词

这个东西很鸡肋，也很处女座，我不怎么建议大家一定要统一这些，只是如果你想追求极致的代码一致性，也是有必要的。

JS常见单词，命名函数常用词：

比如获取、设置、创建、删除等

get获取 set设置
add增加 remove删除
create创建 destory销毁
start启动 stop停止
open打开 close关闭
read读取 write写入
load载入 save保存
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运行

CSS常见单词

命名一些常见通用的样式时使用，例如标题、副标题、卡片、头尾等，这其中有一个概念我非常想塞给你们，那就是所有的界面都是大小不同的盒子组成，所有的盒子都具有上中下三部分，我习惯用header body footer(页眉、页身、页脚)来表示这三部分
比如：我们设计一个自定义卡片

<style lang="less">
    .my-card {
        .header {
            .title {}
            .subtitle {}
        }
        .body {
            .row{
                .col-left{}
                .col-center{}
                .col-right{}
            }
        }
        .footer {
            .btn-group {}
        }
    }
</style>

header页眉 body页身 footer页脚
container集装箱 aside侧边栏 main主体
left左侧 center中间 right右侧
top上部 middle中部 bottom底部
group 分组 row行 col列
max 最大 plus超大 medium中等 small小 mini极小
primary 主要的 success成功的 warning警告的 danger危险的 default默认的
info信息 text文本 link链接
active活跃的 disabled禁用的 readonly只读的 highlight高亮的
height高 width宽 weight粗

一个前端没有基本设计功底是不称职的。其实几个UI设计的共识就是，颜色不要超过五个，大小规格不要超过五个等，说人话就是：大标题，主标题，副标题，文本，超小提示，一个项目基本就这五个大小的文字需要，30px 20px 16px 14px 12px。不要整太多太复杂，颜色亦然。基本上我们去命名样式的全局变量就是以上单词的结合搭配。