前段常用代码

事件

键盘弹起

弹起松开: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

猜你喜欢

转载自blog.csdn.net/dyx001007/article/details/127656856