牙牙大少
今天小编要跟大家分享的文章是关于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全称BrowserObjectModel浏览器对象模型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全称DocumentObjectModel文档对象模型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固定的four4个function函数，功能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前端工作的小伙伴们有所帮助。想要了解更多Web相关知识记得关注北大青鸟Web培训官网哦~来源：张培跃
chuchu白白
学习WEB前端真的没有必要去刻意背诵英语单词，这些词汇你敲着敲着就能记下来了。练习次数多了想忘都忘不掉。想要学习WEB前端有效率，记住以下几点就可以了：第一点，看视频的时候记得做笔记，我们看视频不要看那种直播录制的视频，这种视频会有大量的时间浪费在和学生的互动上，视频教程选择那种纯粹讲知识点的精讲视频，在看视频的时候做笔记，视频看完之后关闭自己动手写，写不出来看笔记，实在写不出来再看视频。第二点，写代码的时间一定要比看视频的时间长，只有进行反复的练习，你才能牢记这个知识点，同时你在练习中出现的错误，也会帮助你理解这个知识点。第三点，学习编程一定要看书和看文档，视频上通常讲的都是一些常用的知识点，而书籍和文档上的内容会更全面。书籍要买有针对性，有些书籍适合初学者，而有些书籍适合中高级开发人员。第四点，如果是自学，多加一些学习氛围比较好的群，因为在自学过程中，总是会遇见各种各样的问题，有些问题百度找不到答案，这时候就可以在这些学习群里面问。当然如果你身边有从事前端开发的朋友，能够帮助你更好。
xiaxia910000
很多时候跟着书和不系统的视频学习，会发现没有方向，学了很多却不知道自己能够做出什么成绩。 学习要有一个清晰的职业学习规划，学习过程中会遇到很多问题，你可以到我们的web学习交流君 点击此处 ， 同时准备了基础，进阶学习资料。学友都会在里面交流，分享一些学习的方法和需要注意的小细节，每天也会准时讲一些项目实战案例。 在前端开发与探讨过程中熟悉并了解一些英语是非常关键的，下面整理了一些基础的前端英语单词，希望对给位有所帮助 首先、页面布局（layout） header 头部/页眉； index 首页/索引； logo 标志； nav/sub_nav 导航/子导航； banner 横幅广告； main/content 主体/内容； container/con 容器； wrapper/wrap 包裹（类似于container）； menu 菜单； sub_menu/second_menu 子菜单/二级菜单； list 列表； section 分区/分块（类似于div）; article 文章； aside 侧边栏/广告； footer 页脚/底部； title/sub_title 标题/副标题； news 新闻； hot 热点； pro 产品（product）； company 公司； msg/info 信息（message）/消息； ads 广告（advertisements）; icon 小图标； img 图片（image）； copyright 版权； contact_us 联系我们； friend_link 友情链接； tel 联系电话（telephone）； address 地址； 其次、CSS样式（style） CSS 层叠样式表 (Cascading Style Sheets) ； background 背景； position 位置/定位； relative/absolute/fixed 相对定位/绝对定位/固定定位； float 浮动； clear 清除； vertical-align: middle/top/bottom; 垂直居中/上/下； line-height 行高； margin 外边距； padding 内边距； border 边框； solid/dashed/dotted 实线/线虚线/点虚线； border-radius 圆角； shadow 阴影； display 展示； hidden 隐藏； block/inline-block 块元素/行内块； overflow 溢出； cursor 光标； animation 动画； css sprites 雪碧图/图片精灵； column 分列； flex 弹性（布局）； 然后、表单（form）与表格（table） form 表单； action 行为； method 方式/方法； input 输入框； label 标签； password 密码； radio 单选框； checkbox 复选框； btn 按钮（button）； submit/reset 提交/重置； textarea 文本域； select/option 选择框/选择项； placeholder 占位符（起提示作用）； search 搜索； icon 小图标； autofocus 自动聚焦； disabled 禁用； checked 选中（单选框/复选框）； selected 默认选择项（下拉选择框）； required 必填项； readonly 只读； table 表格； thead/tbody/tfoot 表格标题/主体/底部； colspan 跨列； rowspan 跨行； cellspacing 单元格间距（类似于margin）； cellpadding 单元格边距（类似于padding）； border-collapse: collapse; 边框 相关资料： 详解html中页面跳转传递参数的问题 html5关于标签的知识吧 相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期，如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决，对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群 关于书籍：需要学习资料的小伙伴们可以加群， 点击此处
优质英语培训问答知识库
