js
文章平均质量分 72
Zzexi
人生若只如初见,何事秋风悲画扇
展开
-
el-select的change事件中传参
如果我们想在el-select的change事件中拿到一些特定的参数,就可以用到(…arr)=>checkManager(field.name,…arr)的方式传参。原创 2022-07-19 16:41:33 · 4163 阅读 · 1 评论 -
前端面试题
前端面试题介绍一下浏览器的缓存。(Expires, Cache-Control等)(5分)可以参考这篇博客。描述一下cookie,sessionStorage和localStorage的区别?(5分)可以参考这篇博客前端性能优化有哪些方法?(至少5种)(5分)可以参考这篇博客vue组件通信。(5分)可以参考这篇博客写一个验证微信号有效性的正则。(微信号格式:由6-20个字母,数字,连字符,下划线组成,且必须以字母开头)(10分) /^[a-zA-Z][a-zA-Z\d原创 2021-06-11 18:22:54 · 173 阅读 · 0 评论 -
使用 axios 拦截器解决「 前端并发冲突 」 问题
使用 axios 拦截器解决「 前端并发冲突 」 问题背景一般的处理方式 — 每次发请求添加 loading更优的解决方案:axios 拦截器统一处理1.interceptors2.cancel token:具体实现1.存储所有 pending 状态的请求2.在请求发出前检查当前请求是否重复3.在请求返回后维护 pendingRequests 对象4.需要清空 pendingRequests 对象的场景功能扩展1.统一处理接口报错提示2.发送请求时给控件添加 loading 效果3.支持多个拦截器组合使用总原创 2021-05-28 15:05:20 · 261 阅读 · 0 评论 -
canvas实现登录的图形验证码
canvas实现登录的图形验证码html部分的代码如下 <div class="s-canvas" > <input type="text" placeholder="请输入右侧四位随机码" v-model="randomCode"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight" @click="原创 2020-08-26 11:21:44 · 655 阅读 · 0 评论 -
js实现放大镜(源代码)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-22 20:02:17 · 1595 阅读 · 0 评论 -
canvas 制作flappy bird(像素小鸟)全流程
flappy bird制作全流程:一、前言像素小鸟这个简单的游戏于2014年在网络上爆红,游戏上线一段时间内appleStore上的下载量一度达到5000万次,风靡一时,近年来移动web的普及为这样没有复杂逻辑和精致动画效果,但是趣味十足的小游戏提供了良好的环境,同时借助各大社交软件平台的传播效应,创意不断的小游戏有着良好的营销效果,得到了很多的关注。此前在网上查询了很多关于这个小游戏...转载 2019-09-14 20:36:51 · 1479 阅读 · 0 评论 -
js实现烟花效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #container{ width: 80%; height: 600px; border: 2p...原创 2019-09-09 17:07:32 · 1164 阅读 · 0 评论 -
js模拟下拉菜单-键盘、鼠标(代码详解)
以下代码实现了下拉菜单的所有功能,既可以鼠标操作也可以通过键盘实现上下选择,基本效果如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...原创 2019-08-30 12:16:07 · 460 阅读 · 3 评论 -
用js做数字字母混合的随机四位验证码
用js做数字字母混合的随机四位验证码 // 创建一个文本框 //创建一个刷新按钮原创 2019-08-22 08:50:27 · 1466 阅读 · 0 评论