在中国从事程序开发工作的人，似乎英语并不会影响到你找到满意的工作，升职与加薪。但程序毕竟是歪果人创造的，都是由英文和数字表达式所构成的，所以掌握开发过程中常用的英语词汇还是非常重要的。
前段时间无意中发现了之前整理的web前端英语词汇，希望对从事前端的你有所帮助，不会让英语成为你工作当中的软肋!
web前端英语词汇A开头的
appendChild 放置到某元素最后 attribute 属性 addEventListener 添加侦听器 assign 赋值 alert 弹出框 append 添加 appendTo 添加到 absolute 绝对的 active 活动的，激活的，标记的一个伪类 align 对齐 alpha 透明度，半透明anchor 锚记标记是这个单词的缩写 anchor 锚记a标记是这个单词的缩写 arrow 箭头 auto 自动 appName 程序名 appCodeName 程序代号 appVersion 程序版本 appAgent 程序代理 abs 取绝对值 array 数组
B:
back 超过范围的三次方缓动 bounce 指数衰减的反弹缓动 before 在...之前 blur 当输入框失焦的时候触发 BOM 全称Browser Object Model 浏览器对象模型 blur 失焦 bind 绑定 background 背景border 边框 border 边框 banner 页面上的一个横条both 二者都是clear 属性的一个属性值 both 二者都是clear 属性的一个属性值 black 黑色 bottom 底部，是一个CSS 属性 blink 闪烁 box 盒子 block 块 br 换行标记 blue 蓝色 bug 软件程序中的错误 body 主体，一个HTML 标记 building 建立 bold 粗体 button 按钮 break 中断 bool 布尔 boolean 布尔 bubble 冒泡
C:
cubic 三次方的缓动 circular 圆形曲线的缓动 chain 当执行一种缓动效果后可以继续使用另一个缓动效果 createElement 创建新元素 createTextNode 创建文本节点 childNodes 返回子节点 cancelBubble 删除冒泡 click 点击事件 change 内容发生改变，并失焦后才触发该事件 contextmenu 右击事件 clientX 光标相对于该网页的水平位置 clientY 光标相对于该网页的垂直位置 close 关闭当前页面 confirm 输入框 clientWidth 获取元素宽度 clientHeight 获取元素的高度 childNodes 获取所有子节点 children 返回子元素 cloneNode 复制节点 Clone 克隆、复制 chekbox 复选框 cell 表格的单元格 color 颜色 center 中间，居中 connected 连接的 contact 联系 child 孩子 content 内容 circle 圆圈 crosshair 十字叉丝 class 类别 css 层叠样式表 clear 清除 cursor 鼠标指针 cm 厘米 centimeter 厘米 continue 继续 close 关闭 ceil 向上取整 charAt 获取某位置字符
D:
DOM 全称Document Object Model 文档对象模型 default 不执行 DOMMouseScroll 在火狐浏览器中的滚轮事件 document 文件，文档 dbclick 双击 dashed 虚线 display 显示，CSS 的一个属 decimal 十进制 division 分区，div 就是这个单词的缩写 decoration 装饰 document 文档 default 默认的 definition 定义 dotted 点线 double 双线 design 设计 do 做
E:
exponential 指数曲线的缓动 elastic 指数衰减的正弦曲线缓动 error 错误 过失 element 元素 else 否则
F:
focus 当输入框聚焦的时候触发 firstChild 第一个子节点 firstElementChild 返回第一个标签节点 function() 函数 father 父亲 float 浮动 filter 滤镜，过滤器 font 字体 first 第一个 for 在循环语句中的一个保留字 fixed 固定的 four 4 个 function函数，功能
web前端英语词汇G开头的
getAttribute 获取属性 getElementsByClassName 根据class标签获取元素 getElementsByName 通过元素的Name属性值 getElementById 通过元素Id，唯一性 getElementsByTagName 通过标签名查找元素 gif 一种图像格式 green 绿色 gray 灰色
H:
history 对象 host 主机 height 高度 hover 盘旋;徘徊;犹豫 hidden() 隐藏 hack 常用于CSS 中的一些招数，或者类似于偏方的技巧 here 这里 hand 手 hidden 被隐藏 head 头部 home 首页 height 高度 horizontal 水平的 help 帮助 hover 鼠标指针经过时的效果，或称为“悬停状态”
I:
input 当输入的时候实时触发 innerHeight 内部高度 innerWidth 内部宽度 in 从0开始加速的缓动 inOut 前半段从0开始加速，后半段减速到0的缓动 infinity 无线循环 insertBefore 插入到某元素前 image 图像 inline 行内 important 重要的 inner 内部的 indent 缩进 italic 意大利体，斜体 index 索引 if如果 int：整数 indexOf：判断某字符的首次位置
J:
jpg 一种图像格式justify 两端对齐 justify 两端对齐
K:
keyCode 按键编码 keydown 按下按键 keyup 按下按键抬起
L:
linear 匀速 lastChild 返回最后一个子节点 lastElementChild 返回最后一个标签节点 language 语言 line 线 last 最后一个 link 链接 left 左边 list 列表 length 长度 lowercase 小写 level 级别
M:
mouseover 移动到元素上 mouseout 从元素上移开 mousemove 移动鼠标 mousewheel 在其他浏览器的滚轮事件 mousedown 鼠标按下事件 mouseup 鼠标抬起事件 margin 外边距 millimeter 毫米 max 最大的 min 最小的 medium 中间 model 模型 menu 菜单 move 移动 middle 中间
N:
nextElementSibling 返回下一个兄弟元素 nextSibling 返回下一个兄弟节点 nextElementSibling 下一个兄弟元素 nodeValue 节点值 nodeType 节点类型 nodeName 标签名称 navigation 导航 none 无，不，没有 new 新的 normal 标准 number 数字 null 空，空值 new 新建
O:
outerHeight 整个高度 outerWIdth 整个宽度 open 打开新页面 onscroll 窗口滚动事件 onresize 窗口大小监听事件 onload 图片加载事件 offsetLeft 获取元素距离左侧的距离 offsetTop 获取元素距离顶部的距离 offsetWidth 获取元素自身宽度 offsetHeigh 获取元素自身高度 onload 在装载时 onclick 在点击时 ondblclick 在双击时 onmouseover 在鼠标进入时 onmouseout 在鼠标离开时 onmousemove 在鼠标移动时 onmousedown 在鼠标按下时 onmouseup 在鼠标抬起时 onkeydown 在按键按下时 onkeyup在按键抬起时 onkeypress 在按键时 onsubmit 在提交时 onchange 在改变时 onfocus 在获得焦点时 onblur 在失去焦点时 onscroll 窗口滚动事件 onresize 窗口大小监听事件 out 减速到0的缓动 onStart 开始事件 onComplete 完成事件 onStop 停止事件 onUpdate 更新事件 object 对象 optional 可选的 oblique 一种斜体 orange 橙色 one 一个 outer 外面的 only 仅仅 overflow 溢出 open 打开
P:
previous 前一个 prevent 阻止 pageX 光标相对于该网页的水平位置 pageY 光标相对于该网页的垂直位置 port 端口 protocol 协议 prompt 提示框 parentNode 返回父级节点 parentElementNode 获取已知节点的父节点 previousSibling 返回上一个兄弟节点 previousElementSibling 返回上一个兄弟元素 password 密码 position 位置 prepend 预先 padding 内边距 progress 进度 point 点 public 公开的 pointer 指针，指示器 purple 紫色 position 定位，位置 pop 弹出 push 压入 open 打开 option 选项
Q:
quadratic 二次方的缓动 quintic 五次方的缓动 quartic 四次方的缓动 querySelector 根据标签名获取第一个元素 querySelectorAll 获取所有标签名的元素
R:
repeat 次数 remove 删除当前节点 replaceChild 替换节点 removeEventListener 取消侦听器 reload 刷新 removeAttribute 删除属性 removeChild 删除父节点的某个子节点 radio 视频 red 红色 resize 重新设置大小 relative 相对的 right 右边 repeat 重复，平铺 row 行 replacement替换 return 返回 random 随机 round 取整
S:
sinusoidal 正弦曲线的缓动 start 开始 stop 停止 setinterval 时间函数 sibling 兄弟 scrollTop 获取文档滚动高度 screenX 光标相对于该屏幕的水平位置 screenY 光标相对于该屏幕的垂直位置 setAttribute 设置属性 scrollHeight 获取文档整体高度 scrollTop 获取文档滚动高度 scrollLeft 元素左边界 setAttribute 设置节点上的属性 submit 提交 scroll 滚动 shadow 阴影 silver 银色 special 特殊的 size 尺寸 square 方块 solid 固体，实线 static 静态的 solution 方案 strong 强壮，加粗的 son 儿子 style 样式 span 一个HTML 标记 switch 切换 setInterval 设置反复性定时器 setTimeout 设置一次性定时器 srcElement 源对象，事件源 split 分割 substr 截取字符串 substring 截取字符串 sqrt 取开方 status 状态 sort 排序 slice 切片，划分 splice 铰接，粘接
T:
textContent 文本添加文字 table 表格 title 标题 td 单元格的HTML 标记 top 顶部 toLowerCase 转换为小写 toUpperCase 转换为大写 text 文本 tr 表格中“行”的HTML 标记 thick 粗的 transitional 过渡的 thin 细的 two 两个 three 三个 type 类型 through 穿过 this 这个，当前 typeof 类型
U:
underline 下划线 uppercase 大写 upper 上面的 url 网址
V:
vertical 竖直的 visited 访问过的 var 定义变量
W:
wrap 包裹 window 窗口 white 白色 width 宽度 while 当...的时候 write 写入
Y:
yellow 黄色
希望以上这些单词能够帮助到你更快的学会web前端，持续关注学步园web前端板块儿行业信息，告诉你业内那些你不知道的小知识。