前端开发必备基础单词

更新日期: 2022-04-08阅读: 1.2k标签: 前端

前端开发过程中,掌握一些常见英语词汇是必要的,下面整理了一些前端一些常见的英语词汇,供大家参考。


导航

导航: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
行:line
宽 :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 id
tagName 标签名
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中的ajax
let 变量
const 常量


链接: https://www.fly63.com/article/detial/11322

前端开发,脱离菜鸟层次的二个关键点

我个人吧,一直认为学习前端技术是比较简单的事情,只要你真的是一步一个脚印的在前进,那你自然会有相应的结果可以收获。这里面包含二个关键点,一,脚踏实地;二,不断努力。

前端开发,如何写出优秀js代码

前端开发如何写出优秀js代码,什么样的javascript代码才是最优秀的的呢?我总结的大概分为三点:性能好,简单优雅,通俗易懂,这篇文章就将围绕这这3点来说明。

解读前端热更新原理

热更新:浏览器的网页通过websocket协议与服务器建立起一个长连接,当服务器的css/js/html进行了修改的时候,服务器会向前端发送一个更新的消息,如果是css或者html发生了改变,网页执行js直接操作dom,局部刷新,如果是js发生了改变,只好刷新整个页面。

你不知道的前端SDK开发技巧

作为一个SDK,我们的目标是让使用者能够减少查看文档的时间,所以我们需要提供一些类型的检查和智能提示,一般我们的做法是提供JsDoc,大部分编辑器可以提供快捷生成JsDoc的方式,另一种做法是使用Flow或者TypeScript

Web前端体系的脉络结构

Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。

关于前端数据&逻辑的思考

这里我是基于典型的MVC模型,那么为了将现有代码重构为理想的模型,我需要做以下几步:拆分组件,逻辑处理,抽象、聚合数据

什么是前端? web1.0、web2.0时代的网页制作,前端开发都有哪些内容等

前端基础-什么是前端:一、 web1.0时代的网页制作,二、 web2.0时代的前端开发,三、 Web前端能做什么?四、 为什么要学习前端开发,五、 前端开发都有哪些内容,六、 开发环境

web前端的一些不为人知的冷知识点_html篇整理

web前端HTML篇冷知识点——这是一篇关于前端的技巧使用,或许你做前端很多年了,但是下面的这些你可能闻所未闻。现在这里给大家整理出来,分享给前端的小伙伴们。

web前端的一些不为人知的冷知识点_CSS篇整理

CSS篇整理:关于CSS的恶作剧、简单的文字模糊效果、垂直居中、多重边框、实时编辑CSS、创建长宽比固定的元素、CSS中也可以做简单运算

web前端的一些不为人知的冷知识点_Js篇整理

Js篇整理:生成随机字符串、整数的操作、重写原生浏览器方法以实现新功能、关于console的恶作剧、万物皆对象、If语句的变形、禁止别人以iframe加载你的页面、console.table

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!