来源 | https://www.fly63.com

在前端开发过程中，掌握一些常见英语词汇是必要的，今天跟大家分享一些前端常见的英语词汇，供大家参考使用。

导航类

导航：nav
标题：title
摘要：summary
菜单：menu
子菜单：submenu
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar

页面结构布局

容器：container
页头：header
内容：content/container
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面主体：main
左右中：left right center
页面外围控制整体布局宽度：wrapper

功能

标志：logo
滚动：scroll
广告：banner
登录：login
注册：regsiter
搜索：search
图标：icon
注释：note
指南：guild
状态：status
服务：service
按钮：btn
热点：hot
新闻：news
下载：download
版权：copyright
投票：vote
标签页：tab
登录条：loginbar
面包屑：breadCrumb
当前的：current
小技巧：tips
功能区：shop
文章列表：list
提示信息：msg
合作伙伴：partner
友情链接：friendlink

CSS 英文释译

线：line
行：row
宽 ：width
高：height
外边界：margin
内边界：padding
边框：border
行高：line-height
背景：background
颜色：color
顶部：top
标题：title
字体：font
身体：body
大小：size
列表：list
文本：text
样式：style
对齐：align
图像：image
修饰：decoration
资源：source
宽度：width
穿过：through
高度：height
缩进：indent
斜体：italic
链接：link
加粗：bold
斜体：italic
加重：weight
加粗：bold
输入：input
主体：main
下面的：under
重复：repeat
填充：padding
位置：position
正常：normal
父级 parent
子级：children
隐藏：hidden
显示：visible
溢出：overflow
列表：list
样式 style
导航：nav
显示类型：display
广告图片：banner
页眉：header

文件命名

主要的：master
模块：module
重置：reset
基本共用：base/common
布局，版面：layout
主题：themes
专栏：columns
文字：font
表单：forms
补丁：mend
打印：print
混入：mixins
组件：components
静态资源：public/static
路由：router
页面/视图: pages/views
配置: config

其他

broswer 浏览器（客户端）
html 超文本标记语言
css 层叠样式表
javascript 语言名字(类似python/php/c…)
title 标题
body 身体
head 头
div 盒子(类似收纳箱)
font 字体
width 宽
height 高
background 背景
color 颜色
ul (Unordered List) 无序列表
ol (Ordered List) 有序列表
li (List Item) 列表项
dl (Definition List) 自定义列表
form 表单
action 地址
method 方法
input 输入框
text 文本
password 密码
radio 单选
checkbox 多选
select 下拉菜单
option 选项
padding 内边距
margin 外边距
border 边线
solid 直线
dashed 虚线
dotted 点线
overflow 溢出
hidden 隐藏
visibility 可见度
table 表格
thead 表头
tbody 表格内容
tr (table row) 行
td/th (table data, table headline)列
rowspan 合并行
colspan 合并列
collapse 合并
position 定位
relative 绝对定位
absolute 相对定位
fixed 固定定位
static 静态定位
script 脚本
string 字符串
number 数字
boolean 布尔
undefined 未定义
null 空(None)
function 函数
document 文档
get 获取
element 元素
by 通过
id id
tagName 标签名
window 窗口
object 对象
array 数字(类似python中的list列表)
setInterval 定时器
clearInterval 清除定时器
$ 美元符号
next 下一个
prev 前一个（previous）
parent 父母/双亲
children 孩子
click 点击
mouseleave 鼠标移开
mouseenter 鼠标进入
animate 动画
slide 滑动
fade 渐进
show 显示
hide 隐藏
test 测试
stopProperation 阻止冒泡
preventDefault 阻止默认行为
dom document object model 文档对象模型
ajax 啊甲克斯
type 类型
url 统一资源定位符
data 数据
dataTpye 数据类型
success 成功
error 失败
done 成功
fail 失败
mustache 胡子
computed 计算
watch 监听
filters 过滤器
mounted 挂载，生成
axios vue中的ajax
let 变量
const 常量

本文完~

学习更多技能

请点击下方公众号