前端
关注
分享
扫一扫
文章平均质量分 80
mischievous_boy
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
多次重复点击，只触发一次（vue指令实现）
使用场景： 提交表单的时候，只有在表单成功提交之后，才能下一次提交，处于网络请求中的时候，不能够提交。 付款的时候，只能够付一次，同样处于网络请求中，不能够提交等等 优点（也算是吧）： 相对于使用防抖和节流的操作，防抖和节流会受到网络请求的快慢影响，如果网络请求过慢，而且两次点击的时间超过防抖和节流预设的时间，还会触发多次的。本方式使用捕捉promise中resolve和reject的方式，更加精确在什么时候可以触发禁止点击和放开点击 相对于使用变量控制，不需要额外的..原创 2021-09-08 11:21:03 · 7816 阅读 · 0 评论 -
react中使用hooks替代connect
使用hooks代替connect在react中的connect的使用import React, { memo, useEffect } from 'react'import { useDispatch, useSelector } from 'react-redux';import { Carousel, Image } from 'antd'// import { connect } from 'react-redux';import { changeRecommendBanne.原创 2020-09-24 15:17:25 · 1731 阅读 · 0 评论 -
商城抢购倒计时
需求到没到设定的时间显示开始结束代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...原创 2020-04-24 12:12:51 · 250 阅读 · 0 评论 -
数据结构（js版 笔记）
数据结构（js版）和jQuery正在一起学。想要一起学的小伙伴加我哦Stack先进后出1. push() 进栈2. pop() 出栈3. isEmpty() 栈空？4. clear() 清理栈5. peek() 返回栈顶6. size() 然后栈的长度栈的创建function Stack() { var item = ...原创 2020-04-20 16:19:02 · 175 阅读 · 0 评论 -
js数组和字符串的方法（笔记）
Array类型1 创建 创建方法： var arr = new Array();使用Array构造函数 var arr = new Array("red","green","red");还可以省略new 第二种方法 var arr = ['red','greem','red']; var arr = []; 空数组2 检测 利用Arra...原创 2020-04-20 14:41:26 · 243 阅读 · 0 评论 -
轮播图
这次用的对象写的，总体加深了对象的理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2020-04-19 22:09:45 · 155 阅读 · 0 评论 -
canvas径向渐变
至于代码的作用我就不写了，我就来写一下关于两个圆的位置会出现什么类型的渐变。由于画图不是很准，凑乎看吧每组都是先浏览器效果图，然后是原理图function draw(id) { var canvas = document.getElementById(id); if(canvas ==null)return false;...原创 2020-04-12 21:35:38 · 208 阅读 · 0 评论 -
登录栏的实现
因为登录栏里有渐变，所以通过网上的一些博客了解了一下，下面稍微总结一下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale...原创 2020-04-09 13:02:20 · 418 阅读 · 0 评论 -
利用关键帧做的一个小动画
先基础的了解一下，可能不是很全animation-name 绑定到选择器关键帧的名称ainmation-duration动画需要多少秒完成animation-timing-function设置动画将多长时间完成一个周期 ，常用的有linear匀速ease以低速开始，然后加快，结束前变慢 默认的ease-in以低速开始ease-out以低速结束ease-in-...原创 2020-04-03 16:31:19 · 427 阅读 · 0 评论 -
固定栏微信码弹出
做的过程中认识的到问题如果是设置postion值后 left是以父级的左上角定位，而right是以父级的右上角定位。关于小三角号，是利用了一个小方块然后让其旋转45度后，然后把左边和下边的边框去掉（小方块同时设置背景白色，z-index也要设置的比右边的大方框要高，因为要把大方框的一部分右边框遮住。）css代码* { margin: 0; padding: 0;}...原创 2020-04-01 21:14:42 · 174 阅读 · 0 评论