前言

在前端开发过程中，掌握一些常见英语词汇是必要的，这里整理一些前端常见的英语词汇，大家一起学习、使用。

导航类

• 标题：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
• 注册：register
• 搜索：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 常量