11 2023 档案

跨标签页通信

摘要：Broadcast Channel API(主流推荐)：Broadcast Channel API 允许不同标签页之间进行实时通信，而无需使用定时器轮询。你可以创建一个共享的 Broadcast Channel，并在标签页之间发送消息。这样，当其他标签页接收到消息时，可以立即作出响应。Broadca 阅读全文

posted @ 2023-11-17 18:29 小不点灬阅读(88) 评论(0) 推荐(0) 编辑

纯css js 写出星空背景

摘要：每次刷新星星的位置都是随机的，可以根据自己需求调整星星的数量和位置，具体代码如下，直接复制就可运行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Random Starry Sky</title> 5 <style> 6 body { 7 margin: 阅读全文

posted @ 2023-11-17 16:10 小不点灬阅读(466) 评论(0) 推荐(0) 编辑

使用js写一个音乐音谱图

摘要：我们经常看到在听乐音的时候，会有音谱图随着音乐的节奏不断变化给人视觉上的享受，那么我们通过js来实现以下这个效果，下面是简单的效果图首先我们需要有一个绘制音频的函数 function draw() { // 请求下一帧动画 animationId = requestAnimationFrame(d 阅读全文

posted @ 2023-11-16 15:11 小不点灬阅读(966) 评论(0) 推荐(7) 编辑

如何实现元素的平滑上升？（vue和react版）

摘要：首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。如上图所示，我们在vue中可以自定义指令，当我们需要的时候可以直接使用。废话不多说直接上代码。首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro 阅读全文

posted @ 2023-11-14 15:46 小不点灬阅读(307) 评论(0) 推荐(1) 编辑

如何减少项目的白屏时间，优化页面的卡顿

摘要：1.如何减少项目的白屏时间，优化页面的卡顿问题背景在某些情况下，我们希望等待当前帧渲染完成后执行某个函数。这样可以确保在进行下一次操作之前，浏览器已经完成了渲染工作，以提供更流畅的用户体验。例如，当我们需要处理大量数据并进行渲染时，我们可以使用 requestAnimationFrame 在下一阅读全文

posted @ 2023-11-13 19:04 小不点灬阅读(131) 评论(0) 推荐(0) 编辑