前端英语高频词

序号	单词	释义
导航类
1	nav	导航
2	title	标题
3	summary	摘要
4	menu	菜单
5	submenu	子导航
6	mainbav	主导航
7	subnav	子导航
8	topnav	顶导航
9	sidebar	边导航
10	leftsidebar	左导航
页面结构布局
1	container	容器
2	header	页头
3	content	内容
4	footer	页尾
5	sidebar	侧栏
6	column	栏目
7	main	页面主体
8	left right center	左 右 中
9	wrapper	控制整体布局宽度
10	rightsidebar	右导航
功能
1	logo	标志
2	login	登录
3	icon	图标
4	status	状态
5	hot	热点
6	copyright	版权
7	loginbar	登录条
8	tips	小技巧
9	msg	提示信息
10	scroll	滚动
11	regsiter	注册
12	note	注释
13	service	服务
14	news	新闻
15	vote	投票
16	breadCrumb	面包屑
17	shop	功能区
18	parthier	合作伙伴
19	banner	广告
20	search	搜索
21	guild	指南
22	btn	按钮
23	download	下载
24	tab	标签页
25	current	当前的
26	list	文章列表
27	friendlink	友情链接
CSS英文注释
1	line	线
2	row	行
3	width	宽
4	height	高
5	margin	外边界
6	padding	内边界
7	border	边框
8	line-height	行高
9	background	背景
10	color	颜色
11	top	顶部
12	title	标题
13	font	字体
14	body	身体
15	size	大小
16	list	列表
17	text	文本
18	style	样式
19	align	对齐
20	image	图像
21	decoration	修饰
22	source	资源
23	width	宽度
24	through	穿过
25	height	高度
26	indent	缩进
27	italic	斜体
28	link	链接
29	bold	加粗
30	weight	加重
31	input	输入
32	main	主体
33	under	下面的
34	repeat	重复
35	padding	填充
36	position	位置
37	normal	正常
38	parent	父级
39	children	子级
40	hidden	隐藏
41	visible	显示
42	overflow	溢出
43	nav	导航
44	display	显示类型
45	banner	广告图片
46	header	页眉
常用
1	collapse	合并
2	position	定位
3	relative	绝对定位
4	absolute	相对定位
5	fixed	固定定位
6	static	静态定位
7	script	脚本
8	string	字符串
9	number	数字
10	boolean	布尔
11	undefined	未定义
12	null	空(None)
13	function	函数
14	document	文件
15	get	获取
16	element	元素
17	by	通过
18	tagName	标签名
19	window	窗口
20	object	对象
21	array	数组
22	setinterval	定时器
23	clearInterval	清除定时器
24	$	美元符号
25	next	下一个
26	prev	前一个(previous)
27	parent	父母
28	children	孩子
29	click	点击
30	mouseleave	鼠标移开
31	mouseenter	鼠标进入
32	animate	动画
33	slide	滑动
34	fade	渐进
35	show	展示
36	hide	隐藏
37	test	测试
38	stopProperation	阻止冒泡
39	preventDefault	阻止默认行为
40	ajax	web数据交互方式
41	type	类型
42	url	统一资源定位符
43	data	数据
44	dataType	数据类型
45	success	成功
46	error	失败
47	done	成功
48	fail	失败
49	mustache	胡子
50	computed	计算
51	watch	监听
52	filters	过滤器
53	mounted	挂载，生成
54	let	定义变量
55	const	定义常量
常见命名
1	master	主要的
2	module	模型
3	reset	重置
4	layout	布局，版面
5	themes	主题
6	columns	专栏
7	font	文字
8	forms	表单
9	mend	补丁
10	print	打印
11	mixins	混入
12	components	组件
13	router	路由
14	config	配置

英语对前端的帮助主要有两点。

1.在某些特殊情形下，在需要阅读的技术文档时，会便捷不少。虽然前端基本上不需要阅读技术文档，但在一些需要查资料看原文技术资料时，如果语言不过关，还是会比较困难。因此，语言好，会在这方面比别人走快一步。

2.在样式表的编写上会比别人快几步。尤其是在较复杂的web开发项目中，如果没有对类资源进行很好的规划和命名的话，是会减慢开发的速度的。原因很简单，因为在复杂项目中会需要建立大量的类，如果英语不好，类名资源的规划和命名就会不合理、进一步导致在类名命名上面花费的时间会比较长、同时也容易引发bug，而影响开发速度。语言对样式表编写的影响在前端进阶到一定阶段时会更加明显。

此外，合理的类名命名会给html代码的编写带来流畅感。其实，样式表类名某种成都上就是一种语言，它和文学语言有某种相似的东西。在文学作品中，如果你能用流畅的语言来叙述一个故事，读者就会感同身受、产生共鸣。在写代码上的表现是，结构顺畅、舒服、开发速度加快。还有，这样编出的代码可读性较强。如果说赏心悦目有点牵强，至少可以说是干净清爽的。好的类名规划和命名最终会增加前端的成就感。