前端单词记录

本文汇总了前端开发中的各类术语,包括HTML、CSS、JavaScript等关键技术的常用词汇及其含义,旨在为前端开发者提供一份全面的参考指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

header:头部                wrapper:版心                nav:导航                mask:渐变压到上面的类名

aside:侧导航                search:搜索区                prev:轮播图上一张

next:轮播图下一张                current/active:当前状态                user:用户       

vertical-align:middle (图片上下居中)        banner:轮播图                main:主体

pic:产品图                close:关闭        querySelector:选择器           

 addEventListener:事件监听                   random:随机数        splice删除

disabled:禁用                setInterval:开启定时器        clearinterval:关闭定时器

A:

appendChild 放置到某元素最后

attribute     属性 [əˈtrɪˌbjut] 

addEventListener 添加侦听器

assign 赋值        [əˈsaɪn]

alert 弹出框

append 添加 [əˈpɛnd]

appendTo 添加到

absolute 绝对的

active 活动的,激活的,标记的一个伪类

align 对齐  [əˈlaɪn]

alpha 透明度,半透明anchor 锚记标记是这个单词的缩写 [ˈælfə]

anchor 锚记<a>标记是这个单词的缩写 [ˈæŋkər]

arrow 箭头

auto 自动

appName 程序名

appCodeName 程序代号

appVersion 程序版本

appAgent 程序代理  [ˈeɪdʒənt]

abs 取绝对值

array 数组  [əˈreɪ

B:

back 超过范围的三次方缓动

bounce 指数衰减的反弹缓动  [baʊns]

before 在...之前

blur 当输入框失焦的时候触发  [blər]

BOM 全称Browser Object Model 浏览器对象模型

bind 绑定

background 背景border 边框

border 边框

banner 页面上的一个横条both 二者都是clear 属性的一个属性值[ˈbænər]

both 二者都是clear 属性的一个属性值

black 黑色

bottom 底部,是一个CSS 属性[ˈbɑdəm]

blink 闪烁[blɪŋk]

box 盒子

block 块

br 换行标记

blue 蓝色

bug 软件程序中的错误

body 主体,一个HTML 标记

building 建立[ˈbɪldɪŋ]

bold 粗体

button 按钮[ˈbətn]

break 中断[breɪk]

bool 布尔

boolean 布尔[ˈbuliən]

bubble 冒泡[ˈbəb(ə)l]

C:

cubic 三次方的缓动 [ˈkjubɪk]

circular 圆形曲线的缓动[ˈsərkjələr]

chain 当执行一种缓动效果后可以继续使用另一个缓动效果[tʃeɪn]

createElement 创建新元素  [kriˈeɪt]   [ˈɛləmənt]

createTextNode 创建文本节点

childNodes 返回子节点  [tʃaɪld]  [noʊd]

cancelBubble 删除冒泡  [ˈkænsəl]  [ˈbəb(ə)l]

click 点击事件  [klɪk]

change 内容发生改变,并失焦后才触发该事件

contextmenu 右击事件 [ˈkɑntɛkst]  [ˈmɛnju]

clientX 光标相对于该网页的水平位置

clientY 光标相对于该网页的垂直位置

close 关闭当前页面

confirm 输入框   [kənˈfərm]

clientWidth 获取元素宽度

clientHeight 获取元素的高度

childNodes 获取所有子节点

children 返回子元素

cloneNode 复制节点 [kloʊn]

Clone 克隆、复制

chekbox 复选框

cell 表格的单元格

color 颜色

center 中间,居中

connected 连接的  [kəˈnɛktəd]

contact 联系 [ˈkɑnˌtækt]

child 孩子

content 内容[kənˈtɛnt]

circle 圆圈 [ˈsərk(ə)l]

crosshair 十字叉丝 [hɛr]

class 类别

css 层叠样式表

clear 清除

cursor 鼠标指针 [ˈkərsər]

cm 厘米

centimeter 厘米 [ˈsɛn(t)əˌmidər]

continue 继续

close 关闭

ceil 向上取整

charAt 获取某位置字符

D:

DOM 全称Document Object Model 文档对象模型

default 不执行

DOMMouseScroll 在火狐浏览器中的滚轮事件

document 文件,文档

dbclick 双击

dashed 虚线

display 显示,CSS 的一个属

decimal 十进制

division 分区,div 就是这个单词的缩写

decoration 装饰

document 文档

default 默认的

definition 定义

dotted 点线

double 双线

design 设计

do 做

E:

exponential 指数曲线的缓动

elastic 指数衰减的正弦曲线缓动

error 错误 过失

element 元素

else 否则

F:

focus 当输入框聚焦的时候触发

firstChild 第一个子节点

firstElementChild 返回第一个标签节点

function() 函数

father 父亲

float 浮动

filter 滤镜,过滤器

font 字体

first 第一个

for 在循环语句中的一个保留字

fixed 固定的

four 4 个

function函数,功能

G:

getAttribute 获取属性

getElementsByClassName 根据class标签获取元素

getElementsByName 通过元素的Name属性值

getElementById 通过元素Id,唯一性

getElementsByTagName 通过标签名查找元素

gif 一种图像格式

green 绿色

gray 灰色

###H:

history 对象

host 主机

height 高度

hover 盘旋;徘徊;犹豫

hidden() 隐藏

hack 常用于CSS 中的一些招数,或者类似于偏方的技巧

here 这里

hand 手

hidden 被隐藏

head 头部

home 首页

height 高度

horizontal 水平的

help 帮助

hover 鼠标指针经过时的效果,或称为“悬停状态”

I:

input 当输入的时候实时触发

innerHeight 内部高度

innerWidth 内部宽度

in 从0开始加速的缓动

inOut 前半段从0开始加速,后半段减速到0的缓动

infinity 无线循环

insertBefore 插入到某元素前

image 图像

inline 行内

important 重要的

inner 内部的

indent 缩进

italic 意大利体,斜体

index 索引

if如果

int:整数

indexOf:判断某字符的首次位置

J:

jpg 一种图像格式justify 两端对齐

justify 两端对齐

K:

keyCode 按键编码

keydown 按下按键

keyup 按下按键抬起

L:

linear 匀速

lastChild 返回最后一个子节点

lastElementChild 返回最后一个标签节点

language 语言

line 线

last 最后一个

link 链接

left 左边

list 列表

length 长度

lowercase 小写

level 级别

M:

mouseover 移动到元素上

mouseout 从元素上移开

mousemove 移动鼠标

mousewheel 在其他浏览器的滚轮事件

mousedown 鼠标按下事件

mouseup 鼠标抬起事件

margin 外边距

millimeter 毫米

max 最大的

min 最小的

medium 中间

model 模型

menu 菜单

move 移动

middle 中间

N:

nextElementSibling 返回下一个兄弟元素

nextSibling 返回下一个兄弟节点

nextElementSibling 下一个兄弟元素

nodeValue 节点值

nodeType 节点类型

nodeName 标签名称

navigation 导航

none 无,不,没有

new 新的

normal 标准

number 数字

null 空,空值

new 新建

O:

outerHeight 整个高度

outerWIdth 整个宽度

open 打开新页面

onscroll 窗口滚动事件

onresize 窗口大小监听事件

onload 图片加载事件

offsetLeft 获取元素距离左侧的距离

offsetTop 获取元素距离顶部的距离

offsetWidth 获取元素自身宽度

offsetHeigh 获取元素自身高度

onload 在装载时

onclick 在点击时

ondblclick 在双击时

onmouseover 在鼠标进入时

onmouseout 在鼠标离开时

onmousemove 在鼠标移动时

onmousedown 在鼠标按下时

onmouseup 在鼠标抬起时

onkeydown 在按键按下时

onkeyup在按键抬起时

onkeypress 在按键时

onsubmit 在提交时

onchange 在改变时

onfocus 在获得焦点时

onblur 在失去焦点时

onscroll 窗口滚动事件

onresize 窗口大小监听事件

out 减速到0的缓动

onStart 开始事件

onComplete 完成事件

onStop 停止事件

onUpdate 更新事件

object 对象

optional 可选的

oblique 一种斜体

orange 橙色

one 一个

outer 外面的

only 仅仅

overflow 溢出

open 打开

P:

previous 前一个

prevent 阻止

pageX 光标相对于该网页的水平位置

pageY 光标相对于该网页的垂直位置

port 端口

protocol 协议

prompt 提示框

parentNode 返回父级节点

parentElementNode 获取已知节点的父节点

previousSibling 返回上一个兄弟节点

previousElementSibling 返回上一个兄弟元素

password 密码

position 位置

prepend 预先

padding 内边距

progress 进度

point 点

public 公开的

pointer 指针,指示器

purple 紫色

position 定位,位置

pop 弹出

push 压入

open 打开

option 选项

placeholder占位符用于输入框提示字

Q:

quadratic 二次方的缓动

quintic 五次方的缓动

quartic 四次方的缓动

querySelector 根据标签名获取第一个元素

querySelectorAll 获取所有标签名的元素

R:

repeat 次数

remove 删除当前节点

replaceChild 替换节点

removeEventListener 取消侦听器

reload 刷新

removeAttribute 删除属性

removeChild 删除父节点的某个子节点

radio 视频

red 红色

resize 重新设置大小

relative 相对的

right 右边

repeat 重复,平铺

row 行

replacement替换

return 返回

random 随机

round 取整

S:

sinusoidal 正弦曲线的缓动

start 开始

stop 停止

setinterval 时间函数

sibling 兄弟

scrollTop 获取文档滚动高度

screenX 光标相对于该屏幕的水平位置

screenY 光标相对于该屏幕的垂直位置

setAttribute 设置属性

scrollHeight 获取文档整体高度

scrollTop 获取文档滚动高度

scrollLeft 元素左边界

setAttribute 设置节点上的属性

submit 提交

scroll 滚动

shadow 阴影

silver 银色

special 特殊的

size 尺寸

square 方块

solid 固体,实线

static 静态的

solution 方案

strong 强壮,加粗的

son 儿子

style 样式

span 一个HTML 标记

switch 切换

setInterval 设置反复性定时器

setTimeout 设置一次性定时器

srcElement 源对象,事件源

split 分割

substr 截取字符串

substring 截取字符串

sqrt 取开方

status 状态

sort 排序

slice 切片,划分

splice 铰接,粘接

T:

textContent 文本添加文字

table 表格

title 标题

td 单元格的HTML 标记

top 顶部

toLowerCase 转换为小写

toUpperCase 转换为大写

text 文本

tr 表格中“行”的HTML 标记

thick 粗的

transitional 过渡的

thin 细的

two 两个

three 三个

type 类型

through 穿过

this 这个,当前

typeof 类型

U:

underline 下划线

uppercase 大写

upper 上面的

url 网址

V:

vertical 竖直的

visited 访问过的

var 定义变量

W:

wrap 包裹

window 窗口

white 白色

width 宽度

while 当...的时候

write 写入

Y:

yellow 黄色

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值