前端常用词汇

1、HTML

header 头部/页眉；body 身体；index 首页/索引；home 首页/家；logo 标志；navigation/nav 导航；menu 菜单；banner 横幅广告；main 主体；content 内容；container/con 容器； wrapper/wrap 包裹（类似于container）； sub_menu/second_menu 子菜单/二级菜单；list 列表；item 项目；name 名字；section 分区/分块（类似于div）；children 孩子；article 文章； aside 侧边栏/广告； footer 页脚/底部； title 标题；sub_title 副标题；company 公司；news 新闻；product 产品；contact us 联系我们；icon 小图标；phone 电话；address/add 地址；telephone/tel 电话；message 信息/留言；feedback 留言；case 案例；friend link 友情链接；copyright 版权；table 表格；form 表单；service 服务；sort 分类；category 类别；button 按钮；search 搜索；disable 禁用；download/down 下载；canvas 画布；iframe 内嵌框架；load 加载；pause 暂停；play 播放；video 视频；method 方式/方法；submit 提交；price 价格；summary 概要；detail 详细；title 标题；time 时间；image 图片；picture/pic 图片；reset 重置；textarea 文本域；page 页；previous/prev 以前的；next 下一个；auto 自动；muted 静音；script 脚本；loop 循环；poster 海报；current 当前的；doctype/document type 文档类型；Inventory 库存；resize 调整；

2、CSS

width 宽度；height 高度；line-height 行高；margin 外边距；padding 内边距；border 边框；block 块元素；inline-block 行内块；float 浮动；clear 清除；top 顶部；left 左；right 右；bottom 底部；background 背景；cover 覆盖；contain 包含；position 位置/定位；static 静态的；relative 相对的；absolute 绝对的；fixed 固定；opacity 不透明；transparent 透明；color 颜色；first 第一；second 第二；last 最后一个；child 子；border-radius 圆角； shadow 阴影； display 展示； hidden 隐藏；overflow 溢出； cursor 光标； pointer 指示；animation 动画；transition 过渡；after 后；before 前；scale 比例；translate 转化；keyframes 关键帧；flex 弹性（布局）；border-radius 圆角；justify-content 内容对齐；between 两……之间；center 居中；align 对齐；default 默认；column 分列；row 行；ellipsis 省略；space 空间；italic 斜体；bold 加粗；active 有效的；focus 焦点；infinity 无限；visible 可见；indent 缩进；important 重要的；repeat 重复；attachment 附件；family 家庭；variant 变体；uppercase 大写字母；capitalize 首字母大写；decoration 装饰；underline 下划线；through 贯穿；

3、JS

string 字符；substring 子字符串；object 对象；property 属性；key 键；value 值；params 参数；function 函数；if 如果；else 否则；foreach 循环；return 返回；switch 开关；while 在……时候；void 无效；class 类名；undefined 未定义；boolean 布尔值；double 双；long 长；length 长度；toggle 切换；scroll 滚动；export 出口；click 点击；mouseenter 鼠标进入；mouseleave 鼠标离开；array 数组；console 控制台；delete 删除；arguments 参数；instanceof 运算符；split 分裂；append 附加；slice 把…分成部分；slide 滑动；fade 淡出；random 随机；floor 地面；

4、VUE

component 组件；mount 安装；template 模板；module 模块；require 需求；import 输入；router 路由；compiler 编译；parse 解析；preset 配置；runtime 运行；methods 方法；computed 计算；export 输出；scope 范围；slot 插槽；plugin 插件；generator 发生器；progress 进度；alias  别名；