事件
键盘弹起
弹起松开:keyup 案件按下触发:keypress 13是回车键
鼠标事件
- 鼠标点击:click
- 鼠标经过:mouseover
- 鼠标离开::mouseout
- 获得鼠标焦点:focus
- 失去焦点:blur
- 鼠标移动:mousemove
- 鼠标弹起:mouseup
- 鼠标按下:mousedown
- 内容发生变化才会触发:change
光标类型
- 小白:default
- 小手:pointer
- 移动:move
- 文本:text 禁止:not-allowed
CSS
- 换行: flex-wrap: wrap
- 表单间距清除:cellspacing="0"
- 字体正常粗细:font-weight: normal;
- 字体正常不倾斜:font-style: normal;
- 清除下划线:text-decoration: none
- 添加删除线:text-decoration: line-through;
- 禁止缩放:user-scalable=no
- 设置是否换行:flex-wrap:wrap ;wrap:换行;nowrap;不换行
- 设置主轴对齐方式:justify-content: space-around; 左对齐:flex-start,右对齐:flex-end:;居中:center; 剩余空间分配:space-around; 两端对齐项目之间的间隔都相等:space-between,
- 设置侧轴对齐方式:align-items:center ;
- 透明度:opacity
- 背景渐变:background: linear-gradient(to 上到下左到右 red 0%, red25%, red 50%,red 75%,red 100%)
- 绝对定位:position: absolute;
- 相对定位:position: relative;
- 阴影属性: box-shadow: 0 0 0 2px #ccc;
JS
- 截取字符串:slice(从那个下标开始截取)
- 保留几位小数:toFixed(保留n位小数)
- 在元素后面添加:append()
- 在元素前面添加:prepend()
- 转小数:parseFloat()
- 转正数:parseInt()
- 截取:splice(index,many,items) 参数index -> 要删除项目的下标 参数many -> 要删除的个数, 0代表不删除 参数items 可省略 -> 向数组添加新的项目
- 获取本地时间: new Date().toLocaleString()
- 三元运算符: 表达式 (A) ? (B) : (C) 在A求值为true时的值为B,在A求值为false时的值为C