最全的前端程式設計師常用英語詞彙都在這了~

“我英語不好能做程式設計師嗎？”相信這個問題，困擾著太多想學習程式設計，但英文不好的同學。其實學習程式設計，常用的單詞就那麼多，只要把常見的單詞學會，你的程式碼也能寫的很好。

接下來，小千分享這篇前端程式設計師常用英語詞彙表，大家學起來吧~

A

align 對齊

active 啟用

absolute 絕對

alpha 影像通道

animate 動畫

animation 動畫片

alert 提醒

add 加

append 新增

after 之後

B

back 超過範圍的三次方緩動 

bounce 指數衰減的反彈緩動 

before 在...之前 

blur 當輸入框失焦的時候觸發 

BOM 全稱

Browser Object Model 瀏覽器物件模型 

blur 失焦 

bind 繫結 

background 背景

border 邊框 

banner 頁面上的一個橫條

both 二者都是clear 屬性的一個屬性值 

black 黑色 bottom 底部，是一個CSS 屬性 

blink  閃爍 

box  盒子 

block  塊 

br  換行標記 

blue  藍色 

bug  軟體程式中的錯誤 

body  主體，一個HTML 標記 

building  建立 

bold  粗體 

button  按鈕 

break 中斷 

bool 布林 

boolean 布林 

bubble 冒泡

C

cubic 三次方的緩動 

circular 圓形曲線的緩動 

createElement 建立新元素 

createTextNode 建立文字節點 

childNodes 返回子節點 

cancelBubble 刪除冒泡 

click 點選事件 

change 內容發生改變，並失焦後才觸發該事件 

close 關閉當前頁面 

confirm 輸入框 

clientWidth 獲取元素寬度

clientHeight 獲取元素的高度 

childNodes 獲取所有子節點 

children 返回子元素 

cloneNode 複製節點 

Clone 克隆、複製 

chekbox 核取方塊 

cell 表格的單元格 

color 顏色 

center 中間，居中 

connected  連線的 

contact 聯絡

child 孩子 

content 內容

circle 圓圈 

crosshair  十字叉絲

class 類別 

css 層疊樣式表 

clear 清除

cursor 滑鼠指標 

continue 繼續 

close 關閉

ceil 向上取整

charAt 獲取某位置字元

D

DOM 全稱Document 

Object Model 文件物件模型 

default 不執行 

document 檔案，文件 dbclick 雙擊 

dashed 虛線 

display 顯示，CSS 的一個屬 

decimal    十進位制 

division   分割槽，

decoration 裝飾 

document 文件 

default 預設的 

definition 定義 

dotted 點線 

double 雙線 

design     設計 

do 做

E

exponential 指數曲線的緩動 

elastic 指數衰減的正弦曲線緩動 

error 錯誤 過失 

element 元素 

else 否則

empty 空

F

font 字型

form 表單

footer 頁尾

from...to 從..到

first 第一

focus 焦點

fadeIn 淡入

fadeOut 淡出

find 查詢

fixed 固定的 

function函式，功能

G

getAttribute 獲取屬性 

gradients 漸變

gif 一種影像格式 

green 綠色 

gray 灰色

H

history 物件 

host 主機 

height 高度 

hover 盤旋

hidden() 隱藏 

hack  常用於CSS 中的一些招數

here  這裡 

hand  手 

hidden  被隱藏 

head  頭部 

home  首頁 

height  高度 

horizontal  水平的 

help  幫助 

hover  滑鼠指標經過時的效果，或稱為“懸停狀態”

I

input 當輸入的時候實時觸發

image 影像

input 輸入

italic 斜體

iteration 反覆

index 索引 

inline  行內 

important  重要的 

inner  內部的 

if  如果 

int：整數 

J

justify 齊行

K

keyCode 按鍵編碼 

keydown 按下按鍵 

keyframe 關鍵幀

keyup 按下按鍵抬起

L

link 連結

line 線,行

linear 線型的

last 最後

load 下載

last  最後一個 

link  連結 

left  左邊 

list  列表 

length  長度 

leave 出去

lowercase   小寫 

level   級別

localStorage 本地儲存

M

margin 邊界

model 模型

main 主體

max 最大

min 最小

media 媒體

mouseenter 滑鼠進入

mouseleave 滑鼠離開

N

navigation  導航

new 新建

normal 正常

navigation 導航

name 名字

next 下一個

O

outerHeight 整個高度 

outerWIdth 整個寬度 

onUpdate 更新事件 

optional  可選的 

oblique  一種斜體 

orange  橙色 

overflow  溢位 

open  開啟

outline 外輪廓

origin 原點

object 物件

opacity 透明度

P

padding 填充

position 位置

play 播放

paused 暫停

property 屬性

parent 父輩

prev 上一個

Q

quadratic 二次方的緩動 

quintic 五次方的緩動 

quartic 四次方的緩動 

querySelector 一個

querySelectorAll 一組

R

rotate 旋轉

repeat 重複

right 右

relative 相對

radius 半徑

red 紅色

radial 放射狀的

running 執行

resize 改變大小

remove 移除

ready 準備好

S

start 開始 

stop 停止 

submit 提交 

scroll    滾動 

shadow  陰影 

silver   銀色

square   方塊 

solid  固體，實線 

static  靜態的 

solution   方案 

strong   強壯，加粗的 

style  樣式 

span  一個HTML 標記 

switch 切換 

split 分割 

substr 擷取字串 

sqrt 取開方 

status 狀態 

sort 排序 

slice 切片，劃分 

splice 鉸接，粘接

T

top 頂

title 標題

text 文字

test 測試

type 型別

table 表格

transparent 透明的

transition 過渡

transform 變形

translate 轉換

this 這個

toggle 切換

U

underline  下劃線 

uppercase  大寫 

upper  上面的 

url   網址

V

vertical  豎直的 

visited  訪問過的 

var 定義變數

vi 檔名 編輯檔案

varchar 字元

video 影片

W

wrap 包裹 

white  白色 

width  寬度 

write 寫入

watch 監控

week 星期 獲取需要day

weight 加重

window 視窗 

你還想看哪些乾貨呢？可以留言給小千呢~

本文來自千鋒教育，轉載請註明出處。