前端开发必备基础英文单词整理汇总

风中有缘

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

• 导航：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 常量
  

<hr/>                                                                                         本文完~