absolute 绝对的active 活动的,激活的, 标记的一个伪类
align 对齐
alpha 透明度,半透明anchor 锚记 标记是这个单词的缩写
arrow 箭头
auto 自动
B
background 背景border 边框
banner 页面上的一个横条both 二者都是clear 属性的一个属性值
black 黑色bottom 底部,是一个CSS 属性
blink 闪烁box 盒子
block 块br 换行标记
blue 蓝色
bug 软件程序中的错误
body 主体,一个HTML 标记
building 建立
bold 粗体
button 按钮
C
cell 表格的单元格
color 颜色
center 中间,居中
contact 联系
child 孩子
content 内容
circle 圆圈
class 类别
css 层叠样式表
clear 清除
cursor 鼠标指针
cm 厘米
D
dashed 虚线
display 显示,CSS 的一个属
div 就是这个单词的缩写
decoration 装饰
document 文档
default 默认的
dotted 点线
double 双线
E
element 元素
F
father 父亲float 浮动
filter 滤镜,过滤器font 字体
first 第一个for 在循环语句中的一个保留字
fixed 固定的four 4 个
G
gif 一种图像格式green 绿色
gray 灰色
H
hack 常用于CSS 中的一些招数,或者类似于偏方的技巧
here 这里
hand 手
hidden 被隐藏
head 头部
home 首页
height 高度
horizontal 水平的
help 帮助
hover 鼠标指针经过时的效果,或称为“悬停状态”
I
Image 图像
inline 行内
important 重要的
inner 内部的
indent 缩进
italic 意大利体,斜体
index 索引
J
jpg 一种图像格式justify 两端对齐
L
language 语言
line 线
last 最后一个
link 链接
left 左边
list 列表
length 长度
M
margin 外边距
millimeter 毫米
max 最大的
min 最小的
medium 中间
model 模型
menu 菜单
move 移动
middle 中间
N
navigation 导航
none 无,不,没有
new 新的
O
object 对象
orange 橙色
one 一个
outer 外面的
only 仅仅
overflow 溢出
open 打开
P
padding 内边距
point 点
pointer 指针,指示器
purple 紫色
position 定位,位置
R
red 红色
resize 重新设置大小
relative 相对的
right 右边
repeat 重复,平铺
row 行
S
scroll 滚动
silver 银色
size 尺寸
square 方块
solid 固体,实线
static 静态的
solution 方案
strong 强壮,加粗的
son 儿子
style 样式
span 一个HTML 标记
T
table 表格title 标题
td 单元格的HTML 标记
top 顶部
text 文本
tr 表格中“行”的HTML 标记
transitional 过渡的
two 两个
three 三个type 类型
through 穿过
U
underline 下划线
uppercase 大写
upper 上面的
url 网址
V
vertical 竖直的
visited 访问过的
W
white 白色
width 宽度
Y
yellow 黄色
https://codepen.io/alphardex/pen/XWWWBmQ
通过animation-delay来控制相同的元素(div)不同延时显示动画
https://codepen.io/alphardex/pen/KKwvKGY
用JS将句子或单词分割成字母,并给每个字母加上不同延时的动画。
https://codepen.io/alphardex/pen/eYYMYXJ
如果要从中间元素开始交错的话,就要给当前元素的延时各加上一个值,这个值就是中间元素的下标到当前元素的下标的距离(也就是下标之差的绝对值)与步长的乘积,即:delay + Math.abs(i - middle) * step,其中中间元素的下标middle = letters.filter(e =>e !== "").length / 2
https://codepen.io/alphardex/pen/dyPorwJ
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 常量