前端与English
| 序号 | 单词 | 释义 |
|---|---|---|
| 导航类 | ||
| 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 | 打印 | |
| 11 | mixins | 混入 |
| 12 | components | 组件 |
| 13 | router | 路由 |
| 14 | config | 配置 |
英语对前端的帮助主要有两点。
1.在某些特殊情形下，在需要阅读的技术文档时，会便捷不少。虽然前端基本上不需要阅读技术文档，但在一些需要查资料看原文技术资料时，如果语言不过关，还是会比较困难。因此，语言好，会在这方面比别人走快一步。
2.在样式表的编写上会比别人快几步。尤其是在较复杂的web开发项目中，如果没有对类资源进行很好的规划和命名的话，是会减慢开发的速度的。原因很简单，因为在复杂项目中会需要建立大量的类，如果英语不好，类名资源的规划和命名就会不合理、进一步导致在类名命名上面花费的时间会比较长、同时也容易引发bug，而影响开发速度。语言对样式表编写的影响在前端进阶到一定阶段时会更加明显。
此外，合理的类名命名会给html代码的编写带来流畅感。其实，样式表类名某种成都上就是一种语言，它和文学语言有某种相似的东西。在文学作品中，如果你能用流畅的语言来叙述一个故事，读者就会感同身受、产生共鸣。在写代码上的表现是，结构顺畅、舒服、开发速度加快。还有，这样编出的代码可读性较强。如果说赏心悦目有点牵强，至少可以说是干净清爽的。好的类名规划和命名最终会增加前端的成就感。
前端与English相关推荐
- 前端资源整理 - 订阅、工具等
取自 我的GITHUB 的 fe-store-house repo,欢迎 PR,欢迎 STAR.原 repo 不定期更新,此文可能断更. 断更了一年多,重新更新一下,似乎 sfgg 的文章渲染中 gf ...
- grafana美人鱼_编码美人鱼–我如何从海洋生物学家转到前端开发人员
grafana美人鱼 I have wanted to share my story for a while, but I didn't know exactly how to start, or e ...
- 前端分离的前端开发工具_使我成为前端开发人员工作的工具和资源
前端分离的前端开发工具 Learning front-end development can be a bit overwhelming at times. There are so many res ...
- 中级前端笔试_在短短8个月内如何获得中级前端开发人员的角色
中级前端笔试 by Matthew Burfield 通过马修·伯菲尔德(Matthew Burfield) 在短短8个月内如何获得中级前端开发人员的角色 (How I got a mid-level ...
- 体检系统前端源码_给您的前端进行健康检查
体检系统前端源码 by Ewa Mitulska-Wójcik 伊娃·米图尔斯卡(EwaMitulska-Wójcik) 给您的前端进行健康检查 (Give your Front End a Heal ...
- 前端技术演进（三）：前端安全
这个来自之前做的培训,删减了一些业务相关的,参考了很多资料(参考资料列表),谢谢前辈们,么么哒 ? Web前端安全方面涵盖的内容较多,也是前端项目开发中必须要关注的一个重要部分.在Web站点开发中,如 ...
- Vue + Element UI 实现权限管理系统 前端篇（七）：功能组件封装
组件封装 为了避免组件代码的臃肿,这里对主要的功能部件进行封装,保证代码的模块化和简洁度. 组件结构 组件封装重构后,试图组件结构如下图所示 代码一览 Home组件被简化,包含导航.头部和主内容三个组 ...
- [译]2019年修炼前端开发者之路
原文链接The Path to Becoming a Front End Developer in 2019 一点儿我自己的铺垫 本文更多的是侧重前端入门方法,适用于那些踌躇不前无从下手的即将入门前端 ...
- 前端程序员的一些有学习借鉴作用的网站
记录并分享自己收藏夹中的一些网页 2017-01-22 01. vue-google-map https://github.com/GuillaumeL... 这个网址陪伴了我一个月左右的时间啊,工作 ...
最新文章
- html编写app页面代码,编写html页面代码需要了解的--综合编
- 调查报告：工人们并不担心将来会被AI取代
- php 获取所有下周1,用php获取本周,下周,本月,下月,本季度日期（摘）
- 投稿Cover Letter如何写出彩
- 基于Sbo SDK的Add-on插件开发实例
- tenorflow异常集合（自用记录）
- 多时隙编码aloha（MuSCA）与编码时隙aloha（CSA）协议分析
- Repast-边界控制
- 计算机软件编程应聘ppt,[计算机软件及应用]单片机c编程.ppt
- 机器学习（埋坑）—— 概念学习（Concept Learning）
- 人人网市值缩水近80%，究竟发生了什么？
- Manjaro-KDE安装动态桌面插件
- Android 集成facebook 登录和分享
- 消费升级背景下零食行业发展报告_趋势 | 保健食品 “零食化”升级
- JavaScript词汇表
- 滴滴云A100 GPU裸金属服务器性能及硬件参数详解
- laravel artisan命令汇总
- Shannon Switching Game?
- 项目管理进阶--软件开发项目中的团队组成
- 小明加密通道进入_德州人行通道闸哪个牌子好