來源 | https://www.fly63.com

在前端開發(fā)過程中，掌握一些常見英語詞匯是必要的，今天跟大家分享一些前端常見的英語詞匯，供大家參考使用。

導(dǎo)航類

導(dǎo)航：nav標(biāo)題：title摘要：summary菜單：menu子菜單：submenu主導(dǎo)航：mainbav子導(dǎo)航：subnav頂導(dǎo)航：topnav邊導(dǎo)航：sidebar左導(dǎo)航：leftsidebar右導(dǎo)航：rightsidebar

頁面結(jié)構(gòu)布局

容器：container頁頭：header內(nèi)容：content/container頁尾：footer導(dǎo)航：nav側(cè)欄：sidebar欄目：column頁面主體：main左右中：left right center頁面外圍控制整體布局寬度：wrapper

功能

標(biāo)志：logo滾動(dòng)：scroll廣告：banner登錄：login注冊(cè)：regsiter搜索：search圖標(biāo)：icon注釋：note指南：guild狀態(tài)：status服務(wù)：service按鈕：btn熱點(diǎn)：hot新聞：news下載：download版權(quán)：copyright投票：vote標(biāo)簽頁：tab登錄條：loginbar面包屑：breadCrumb當(dāng)前的：current小技巧：tips功能區(qū)：shop文章列表：list提示信息：msg合作伙伴：partner友情鏈接：friendlink

CSS 英文釋譯

線：line行：row寬 ：width高：height外邊界：margin內(nèi)邊界：padding邊框：border行高：line-height背景：background顏色：color頂部：top標(biāo)題：title字體：font身體：body大小：size列表：list文本：text樣式：style對(duì)齊：align圖像：image修飾：decoration資源：source寬度：width穿過：through高度：height縮進(jìn)：indent斜體：italic鏈接：link加粗：bold斜體：italic加重：weight加粗：bold輸入：input主體：main下面的：under重復(fù)：repeat填充：padding位置：position正常：normal父級(jí) parent子級(jí)：children隱藏：hidden顯示：visible溢出：overflow列表：list樣式 style導(dǎo)航：nav顯示類型：display廣告圖片：banner頁眉：header

文件命名

主要的：master模塊：module重置：reset基本共用：base/common布局，版面：layout主題：themes專欄：columns文字：font表單：forms補(bǔ)丁：mend打印：print混入：mixins組件：components靜態(tài)資源：public/static路由：router頁面/視圖: pages/views配置: config

其他

broswer 瀏覽器（客戶端）html 超文本標(biāo)記語言css 層疊樣式表javascript 語言名字(類似python/php/c…)title 標(biāo)題body 身體head 頭div 盒子(類似收納箱)font 字體width 寬height 高background 背景color 顏色ul (Unordered List) 無序列表ol (Ordered List) 有序列表li (List Item) 列表項(xiàng)dl (Definition List) 自定義列表form 表單action 地址method 方法input 輸入框text 文本password 密碼radio 單選checkbox 多選select 下拉菜單option 選項(xiàng)padding 內(nèi)邊距margin 外邊距border 邊線solid 直線dashed 虛線dotted 點(diǎn)線overflow 溢出hidden 隱藏visibility 可見度table 表格thead 表頭tbody 表格內(nèi)容tr (table row) 行td/th (table data, table headline)列rowspan 合并行colspan 合并列collapse 合并position 定位relative 絕對(duì)定位absolute 相對(duì)定位fixed 固定定位static 靜態(tài)定位script 腳本string 字符串number 數(shù)字boolean 布爾undefined 未定義null 空(None)function 函數(shù)document 文檔get 獲取element 元素by 通過id idtagName 標(biāo)簽名window 窗口object 對(duì)象array 數(shù)字(類似python中的list列表)setInterval 定時(shí)器clearInterval 清除定時(shí)器$ 美元符號(hào)next 下一個(gè)prev 前一個(gè)（previous）parent 父母/雙親children 孩子click 點(diǎn)擊mouseleave 鼠標(biāo)移開mouseenter 鼠標(biāo)進(jìn)入animate 動(dòng)畫slide 滑動(dòng)fade 漸進(jìn)show 顯示hide 隱藏test 測(cè)試stopProperation 阻止冒泡preventDefault 阻止默認(rèn)行為dom document object model 文檔對(duì)象模型ajax 啊甲克斯type 類型url 統(tǒng)一資源定位符data 數(shù)據(jù)dataTpye 數(shù)據(jù)類型success 成功error 失敗done 成功fail 失敗mustache 胡子computed 計(jì)算watch 監(jiān)聽filters 過濾器mounted 掛載，生成axios vue中的ajaxlet 變量const 常量
本文完~

學(xué)習(xí)更多技能

請(qǐng)點(diǎn)擊下方公眾號(hào)