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

在前端开发过程中，掌握一些常见英语词汇是必要的，今天跟大家分享一些前端常见的英语词汇，供大家参考使用。

导航类

导航：nav标题：title摘要：summary菜单：menu子菜单：submenu主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar

页面结构布局

容器：container页头：header内容：content/container页尾：footer导航：nav侧栏：sidebar栏目：column页面主体：main左右中：left right center页面外围控制整体布局宽度：wrapper

功能

标志：logo滚动：scroll广告：banner登录：login注册：regsiter搜索：search图标：icon注释：note指南：guild状态：status服务：service按钮：btn热点：hot新闻：news下载：download版权：copyright投票：vote标签页：tab登录条：loginbar面包屑：breadCrumb当前的：current小技巧：tips功能区：shop文章列表：list提示信息：msg合作伙伴：partner友情链接：friendlink

CSS 英文释译

线：line行：row宽 ：width高：height外边界：margin内边界：padding边框：border行高：line-height背景：background颜色：color顶部：top标题：title字体：font身体：body大小：size列表：list文本：text样式：style对齐：align图像：image修饰：decoration资源：source宽度：width穿过：through高度：height缩进：indent斜体：italic链接：link加粗：bold斜体：italic加重：weight加粗：bold输入：input主体：main下面的：under重复：repeat填充：padding位置：position正常：normal父级 parent子级：children隐藏：hidden显示：visible溢出：overflow列表：list样式 style导航：nav显示类型：display广告图片：banner页眉：header

文件命名

主要的：master模块：module重置：reset基本共用：base/common布局，版面：layout主题：themes专栏：columns文字：font表单：forms补丁：mend打印：print混入：mixins组件：components静态资源：public/static路由：router页面/视图: pages/views配置: config

其他

broswer 浏览器（客户端）html 超文本标记语言css 层叠样式表javascript 语言名字(类似python/php/c…)title 标题body 身体head 头div 盒子(类似收纳箱)font 字体width 宽height 高background 背景color 颜色ul (Unordered List) 无序列表ol (Ordered List) 有序列表li (List Item) 列表项dl (Definition List) 自定义列表form 表单action 地址method 方法input 输入框text 文本password 密码radio 单选checkbox 多选select 下拉菜单option 选项padding 内边距margin 外边距border 边线solid 直线dashed 虚线dotted 点线overflow 溢出hidden 隐藏visibility 可见度table 表格thead 表头tbody 表格内容tr (table row) 行td/th (table data, table headline)列rowspan 合并行colspan 合并列collapse 合并position 定位relative 绝对定位absolute 相对定位fixed 固定定位static 静态定位script 脚本string 字符串number 数字boolean 布尔undefined 未定义null 空(None)function 函数document 文档get 获取element 元素by 通过id idtagName 标签名window 窗口object 对象array 数字(类似python中的list列表)setInterval 定时器clearInterval 清除定时器$ 美元符号next 下一个prev 前一个（previous）parent 父母/双亲children 孩子click 点击mouseleave 鼠标移开mouseenter 鼠标进入animate 动画slide 滑动fade 渐进show 显示hide 隐藏test 测试stopProperation 阻止冒泡preventDefault 阻止默认行为dom document object model 文档对象模型ajax 啊甲克斯type 类型url 统一资源定位符data 数据dataTpye 数据类型success 成功error 失败done 成功fail 失败mustache 胡子computed 计算watch 监听filters 过滤器mounted 挂载，生成axios vue中的ajaxlet 变量const 常量
本文完~

学习更多技能

请点击下方公众号