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函式，功能
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 黃色
—————END—————
喜歡本文的朋友們，歡迎關注公眾號張培躍，收看更多精彩內容
