选择你喜欢封面图
请叫我海龟先生
请叫我海龟先生
Lv1
这个人很牛逼,可就是不说
数组分块思路 记一笔
当面临某些不需要考虑执行顺序、同步的且耗时较长的任务,可以考虑分块思路js代码jsconstuldocument.getElementById("ul")//创建测试数组functioncerateArr(size)letarr
前端搞一个扭蛋抽奖动效?
最近新增一个抽奖小模块,就是扭蛋机的形式,产品给了参考网页,奈何不好扒下来用,只得自己动手干了,不多bb,先看效果吧!效果图:动画分析由上面gif可看出,整个动画分为四个部分1.扭蛋随机(也不算随机吧)在固定盒子内跳动2.中奖扭蛋下落3.中奖扭蛋移动到中心,并且逐渐放大4.中奖扭蛋做出扭开姿势,缓慢打开整个过程分析好了,貌似还不难,那就一步
记 flip 简单的动画思路
flip一种简单的动画思路无意间看到某博主文章,介绍关于filp如何制作动画,觉得有趣,便自己动手将dome实现了一遍,FLIPffirst记录动画开始前的位置、大小等信息(translateY(0px))llast记录动画结束时的位置、大小等信息(translateY(100px))iinvert对动画前后数据信息
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(四)
JZ系列获取数组元素下标(findIndex的实现)jsconstlinearSearch(arr,item)for(constiinarr)if(arriitem)returni;return1;;linearSearch(2,9,9,9);//1linearSearch(
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(三)
GI系列获取元素距离顶部的距离jsconstgetVerticalOffsetelletoffsetel.offsetTop,elel;while(el.offsetParent)elel.offsetParent;offsetel.offsetTop;returnoffse
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(二)
DF系列1、防抖函数,限制高频触发jsconstdebounce(fn,ms0)lettimeoutId;returnfunction(...args)clearTimeout(timeoutId);timeoutIdsetTimeout(()fn.apply(this,args),ms);
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧 (一)
AC系列1、号的隐式类型转换使用js3//31,2,3.slice(1)//将3转换为了32、日期的转换jsconstaddDaysToDate(date,n)constdnewDate(date);d.setDate(d.getDate()n);returnd.toISOS
input placeholder信息输入效果
可能经常会在某些新闻或视频网站的搜索框看到类似打字机的效果,咋眼一看好像很简单,但是一些又说不上具体细节,如下图一眼一看,这不动态改变placeholder的值就好了吗?仔细看人家还有一个类似光标的东西呢,其实也简单,在拼接的时候再拼接个|不就好了吗?代码如下:javascriptconstinputdocument.getElementByI
vue 实现一个有趣的围绕圆弧动画
前几天在好朋友楼上小黑的介绍下,看到了某个平台的官网,里面有一个人物介绍的模块,里面的动画感觉不错,于是就自己动手写了一个。1.0原官网示例当然这里去掉了具体信息,原网站是里面圆圈中是人物的头像,旁边是介绍信息,每个人物就沿着圆弧移动到指定位置2.0我们实现的结果当点击中间开始时,几个小球一次转动到固定角度3.0简单分析下要让小圆在圆弧上动,我们
从 生成器 到 promise+async
本文主要讲解js中关于生成器的相关概念和作用,以及到后面结合promise实现es7中的async原理,你将学习到js中异步流程控制相关知识1、认识生成器思考如下代码:javascriptletx1functionfoo()xbar()console.log(x)//3functionbar(
24
文章
0
专栏
3.1w
访问
21
获赞
热门文章
请叫我海龟先生
vue h5 对接支付宝,微信支付,微信js支付
1 点赞
1.9k 阅读
请叫我海龟先生
从 生成器 到 promise+async
3 点赞
1.7k 阅读
请叫我海龟先生
input placeholder信息输入效果
0 点赞
2.0k 阅读
请叫我海龟先生
vue 节流、拖拽指令
2 点赞
1.3k 阅读
热门评论
请叫我海龟先生
请叫我海龟先生
拖拽是移动端的,忘了备注,pc端可以稍微修改下!
vue 节流、拖拽指令
2021年02月07日
1条讨论
杜甫
杜甫
这该死的群友,web基础竟如此扎实😖
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(二)
2021年08月18日
1条讨论
待兔
待兔
表示看不懂😊
VUE2 源码中 一个有趣的小动画
2021年03月19日
1条讨论
杜甫
杜甫
牛蛙牛蛙
vue h5 对接支付宝,微信支付,微信js支付
2021年06月23日
1条讨论
杜甫
杜甫
牛蛙牛蛙
从 生成器 到 promise+async
2021年06月23日
1条讨论