网站首页 第82页

• 

  前端还在切图?学完这些css，再也不用切图了

  标题开个玩笑，实际上CSS3有许多亮眼的特性，比如阴影shadow、动画animation、形变transform、渐变gradient、滤镜filter等，合理运用这些特性，可以实现许多高大上的效果。如果觉得有用请点个赞或者收藏。三角形利...

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

  前端开发中web和移动端动画的常见实现方式

  前端动画一般在展示性网站、交互操作或者移动端活动页面使用比较多，可能对于大部分前端平时只会用css里的transition动画，其实前端动画还有很多实现方式，下面是常见的几种形式：css动画js动画SVG动画Canvas动画...

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

  浏览器中实现JavaScript计时器的4种创新方式

  在WebWorker中使用无限同步循环由于WebWorker本质上是Web线程，因此你可以在其中无限循环而不阻塞主线程。这使你可以访问微秒级的时间分辨率。这对于在Worker中做出时间关键的决策是特别实用的，可以让主线程准确的...

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

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

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

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

  前端里的拖拖拽拽

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

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

  CSS 也能实现碰撞检测

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

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

  事件循环(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 ℃