GeezerVison

原生JS

• 缓存

  • IndexedDB
• 动画

  • 落彩条动画效果
• 加密解密

  • Base64
• 媒体

  • 音频播放
• Form表单验证常用方法

  • 验证邮箱
  • 验证手机号
  • 去除字符串前后空格
  • 去除字符串所有空格
  • 图片的预加载
  • 验证密码，密码为6-12位字母数字或符号最少两种组合,特殊符号为 ~!@#$%^&*.,
  • 仅允许输入正整数
  • 仅允许输入负整数
  • 校验身份证号
• Json数据处理

  • Json字符串格式化
• 文件上传

  • 图片上传
• 数据处理

  • 保留小数并千分位格式化
  • 递归遍历数组对象，将结果去重
  • 数字单位格式化
  • 获取对象长度
  • HTML实体编码转换
  • 数组拉平
  • 从数组中随机选取指定数量的值
  • 洗牌算法打乱数组顺序
• 数据类型处理

  • 合并两个函数
  • 深度比较两个对象是否相等
  • 深度比较两个数组是否相等
  • 深度拷贝
• DOM相关处理

  • 监听浏览器标签页的显示与隐藏
  • 监听dom变化
  • 滚动到底部
  • 页面title滚动
  • 阻止滚动穿透
  • 水印
  • 点击元素外部
  • 禁止橡皮筋效果
• 时间相关处理

  • 比较两个时间的时间差
  • 图表根据时间进行补点
  • 随机生成时间段内的日期
  • 多长时间以前
  • 时间段内倒计时
  • 定时器

• 滚动条处理

• 获取url的参数值，兼容search和hash

• 原生ajax封装

• 传入event则阻止冒泡

• 动态计算rem

• 复制内容

React

• 自定义 Hooks

  • 获取useState最新值

Vue

• Vue2 指令

  • 点击元素外部关闭元素
  • 图片懒加载

• Vue2 过滤器

  • 时间格式化