涂涂图图的个人主页 - 动态

赞了这篇文章

⚡️强迫症切图工具人🛠 @Alibaba

·

4年前

【🎨万物皆可动】详解Canvas路径动画

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连...

479

89

2年前

#青训营笔记创作活动#
2月13日打卡day17
今日学习：使用CSS监听事件
1.hover延时触发：与js的mouseover和mouseout等相联系
button:hover{
/*设置一个无关紧要的样式*/
transition: 0s 1s opacity; /*延时 1s */
}
然后使用事件监听器监听transitionend方法
2.长按触发事件
与:hover延时触发逻辑一样，这个借助:active伪类
3.轮播和暂停
使用:hover+animation
.view {
animation: scroll 1s infinite; /*每1s动画，无限循环*/
}
.view:hover{
animation-play-state: paused; /*hover暂停*/
}
@keyframes scroll {
to {
transform: translateZ(.1px); /*无关紧要的样式*/
}
}
然后使用事件监听器监听animationiteration事件

展开

青训营-快乐出发

2

赞了这篇文章

前端架构师

·

3年前

前端应该掌握的浏览器调试技巧

前言曾经我只会一个console.log，但是我充满了自信，觉得一个打印输出就能解决所有问题。后来，在阅读vue源码的旅途里，我感受到了迷茫，无所适从，觉得每一处都需要打...

433

89

赞了这篇文章

公众号 @ 大迁世界

·

3年前

别整一坨 CSS 代码了，试试这几个实用函数

CSS比较函数从2020年4月就开始支持了，我喜欢使用这些函数，但最喜欢的是 clamp()，它也是我最常用的一个。在这节课中，我们详细来看下这些比较函数。 Clamp()...

362

55

关注了

赞了这篇文章

前端侦探 @阅文集团

·

3年前

还在用定时器吗？借助 CSS 来监听事件

平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时...

445

78

2年前

#青训营笔记创作活动#
2月12日打卡day16
今日学习：前端实现人脸检测
引入TensorFlow的人脸特征点检测模型，预测点位，推断人脸近似面部几何
特征检测：根据需要取帧与帧之间的距离，根据阈值判断需求

展开

青训营-快乐出发

赞了这篇文章

web前端开发 @家里蹲

·

3年前

前端实现活体人脸检测

前言在网页中使用活体人脸检测大部分都是前端录制一段视频，让后端调用第三方接口去判断，今天我们就用纯前端方式来实现这个功能...

572

163

2年前

Vite知识体系 | 青训营笔记

这是我参与「第五届青训营」伴学笔记创作活动的第 13 天。本堂课重点讲述了前端工程化概念、Vite概述和Vite进阶路线。...

0

2年前

数据可视化基础 | 青训营笔记

这是我参与「第五届青训营」伴学笔记创作活动的第 12 天。本堂课重点内容本堂课重点讲述了数据可视化的基本概念、设计方法和原则，介绍了面向前端的数据可视化工具。...

0

2年前

#青训营笔记创作活动#
2月11日打卡day15
今日学习：Antd源码调试
在 renderWithHooks 里调用函数组件的地方打个条件断点，在调用想调试的组件时断住；把 antd 代码下载下来，执行 npm run dist 就可以生成 UMD 形式的代码。把 devtool 设置成 cheap-module-source-map，然后开启 babel-loader 和 ts-loader 的 sourcemap。把产物覆盖 antd 的 dist 下的产物，再调试就可以直接调试 antd 组件的 tsx 源码了。
（没有太看懂，现在我的知识有限，后面有需要再来深入学习吧（恼