网站首页 animation mdn 第2页

• 

  「前端进阶」高性能渲染十万条数据(时间分片)

  前言在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。对于一次性插入大量数据的情况，一般有两种做法：...

  2024-11-20 hmc789 技术文章 2 ℃
• 

  前端里的拖拖拽拽

  最近在项目中使用了react-dnd，一个基于HTML5的拖拽库，“拖拽能力”丰富了前端的交互方式，基于拖拽能力，会扩展各种各样的拖拽反馈效果，因此有必要学习了解，最好的学习方式就是实操！拖拽交互常见于各种前端编辑器里，而“编辑器”是...

  2024-11-20 hmc789 技术文章 1 ℃
• 

  CSS 也能实现碰撞检测

  本文，我们将一起学习，使用纯CSS，实现如下所示的动画效果：上面的动画效果，非常有意思，核心有两点：小球随机做X、Y方向的直线运动，并且能够实现碰撞到边界的时候，实现反弹效果小球在碰撞边界的瞬间，颜色发生随机的变化嗯？很有意思的效果。...

  2024-11-20 hmc789 技术文章 1 ℃
• 

  事件循环(node、浏览器) evetloop事件循环 同步 异步 微任务 宏任务

  1）为什么会有EventLoop2）浏览器中的EventLoopMicro-Task与Macro-TaskrequestAnimationFrameeventloop过程3）node中的EventLoop六大阶段poll阶段...

  2024-11-20 hmc789 技术文章 1 ℃
• 

  前端必备|10道浏览器面试题解析，你会做吗?

  前言Preface想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。今天总结了10道浏览器面试题及解析，作为前端开发工程师的你赶紧来看...

  2024-11-20 hmc789 技术文章 1 ℃
• 

  前端中的事件循环eventloop机制

  我们知道js是单线程执行的，那么异步的代码js是怎么处理的呢？例如下面的代码是如何进行输出的：console.log(1);setTimeout(function(){console.log(2);},0);ne...

  2024-11-20 hmc789 技术文章 2 ℃
• 

  广州蓝景技术分享一次搞清浏览器线程、事件循环、宏任务、微任务

  今天我们广州蓝景，和大家分享一下，关于：搞清事件循环、宏任务、微任务想要了解清楚宏任务微任务，就必须先了解事件循环(EventLoop)机制想了解什么是宏任务，什么是微任务，什么时候会产生宏任务，就得了解浏览器的线程，大家都知道js是单线...

  2024-11-20 hmc789 技术文章 2 ℃
• 

  2020已经过去五分之四，你确定还不来了解一下JS的rAF?

  不会吧，不会吧，现在都2020年了不会还真人有人不知道JS的rAF吧？？？rAF简介rAF是requestAnimationFrame的简称；我们先从字面意思上理解requestAnimationFrame，「request-请求」，「...

  2024-11-20 hmc789 技术文章 2 ℃