请叫我海龟先生
  • 22
    文章
  • 0
    专栏
  • 16849
    访问
  • 3
    粉丝
  • 3
    关注
  • 16
    获赞

请叫我海龟先生 等级

这个人很牛逼,可就是不说
  • 最新发表
  • 最多访问
  • 最多收藏
  • 最多评论
记 flip 简单的动画思路

flip 一种简单的动画思路无意间看到某博主文章,介绍关于 filp 如何制作动画,觉得有趣,便自己动手将dome实现了一遍, FLIPf first 记录动画开始前的位置、大小等信息 ( translateY(0px) ) l last 记录动画结束时的位置、大小等信息 ( translateY(100px) )i invert 对动画前后数据信息

53
0
1
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(四)

J Z 系列 获取数组元素下标(findIndex的实现)jsconst linearSearch (arr, item) for (const i in arr) if (arr[i] item) return +i; return 1;;linearSearch([2, 9, 9], 9); // 1linearSearch([

17
0
0
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(三)

G I 系列 获取元素距离顶部的距离jsconst getVerticalOffset el let offset el.offsetTop, el el; while (el.offsetParent) el el.offsetParent; offset + el.offsetTop; return offse

624
1
0
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(二)

D F 系列 1、防抖函数,限制高频触发jsconst debounce (fn, ms 0) let timeoutId; return function(...args) clearTimeout(timeoutId); timeoutId setTimeout(() fn.apply(this, args), ms);

730
1
1
记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧 (一)

A C 系列 1、+ 号的隐式类型转换使用js+[3] //3+[1,2,3].slice(1) //将 [3] 转换为了3 2、日期的转换jsconst addDaysToDate (date, n) const d new Date(date); d.setDate(d.getDate() + n); return d.toISOS

664
1
0
input placeholder信息输入效果

可能经常会在某些新闻或视频网站的搜索框看到类似打字机的效果,咋眼一看好像很简单,但是一些又说不上具体细节,如下图一眼一看,这不动态改变 placeholder 的值就好了吗?仔细看人家还有一个类似光标的东西呢,其实也简单,在拼接的时候再拼接个 | 不就好了吗?代码如下:javascriptconst input document.getElementByI

1656
0
0
vue 实现一个有趣的围绕圆弧动画

前几天在好朋友楼上小黑的介绍下,看到了某个平台的官网,里面有一个人物介绍的模块,里面的动画感觉不错,于是就自己动手写了一个。 1.0 原官网示例当然这里去掉了具体信息,原网站是里面圆圈中是人物的头像,旁边是介绍信息,每个人物就沿着圆弧移动到指定位置 2.0 我们实现的结果当点击中间开始时,几个小球一次转动到固定角度 3.0 简单分析下要让小圆在圆弧上动,我们

871
0
0
从 生成器 到 promise+async

本文主要讲解js中关于生成器的相关概念和作用,以及到后面结合 promise 实现 es7中的 async 原理,你将学习到js中异步流程控制相关知识 1、认识生成器思考如下代码:javascript let x 1 function foo() x++ bar() console.log(x) // 3 function bar(

1318
0
1
vant 组件库中 toast组件 是怎么写的(vue2版本)

经常使用vant组件库,今天也是有空去看了看vant源码,看看能不能薅到点什么骚操作,菜是原罪,于是选择了个人认为的软柿子 Toast 来学习。 1、回忆写法我们在使用中经常是 this.$toast( option ),或者单纯的使用 Toast(xxx),里面可以传递对象,也可以传递单个内容,也可以通过指定的方法(success,fail)等方式来调用

634
0
0
VUE 实现一个简易老虎机

今天突然要做一个竖直滚动老虎机,可以设置中奖位置,以及中奖回调,然后再带点常规的滚动动画,还是有点意思,和之前的转盘抽奖有点类似,有兴趣可以看下。 简单分析下UI,ui的话,就简单点,三个列表从下往上滚动,搞个框罩住 css的活,应该简单。动画,老规矩,我们采用之前的方案,动态设置 css,可以搞定。设置中奖位置,我们可以想传递

714
0
0