摘要：
使用element中的el-menu时候，我们使用路由高亮显示的时候，使用router 模式和default-active 当我们点击左侧菜单栏中的子路由时候，页面路由发生变化，左侧路由的选中状态就会消失，不会仍然保持选中。 我们可以通过route.matched来寻找当前子路由的上机路由， rou 阅读全文
摘要：
Broadcast Channel API(主流推荐)：Broadcast Channel API 允许不同标签页之间进行实时通信，而无需使用定时器轮询。你可以创建一个共享的 Broadcast Channel，并在标签页之间发送消息。这样，当其他标签页接收到消息时，可以立即作出响应。Broadca 阅读全文
摘要：
每次刷新星星的位置都是随机的，可以根据自己需求调整星星的数量和位置，具体代码如下，直接复制就可运行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Random Starry Sky</title> 5 <style> 6 body { 7 margin: 阅读全文
摘要：
我们经常看到在听乐音的时候，会有音谱图随着音乐的节奏不断变化给人视觉上的享受，那么我们通过js来实现以下这个效果，下面是简单的效果图 首先我们需要有一个绘制音频的函数 function draw() { // 请求下一帧动画 animationId = requestAnimationFrame(d 阅读全文
摘要：
首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。 如上图所示，我们在vue中可以自定义指令，当我们需要的时候可以直接使用。废话不多说直接上代码。 首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro 阅读全文
摘要：
1.如何减少项目的白屏时间，优化页面的卡顿 问题背景 在某些情况下，我们希望等待当前帧渲染完成后执行某个函数。这样可以确保在进行下一次操作之前，浏览器已经完成了渲染工作，以提供更流畅的用户体验。例如，当我们需要处理大量数据并进行渲染时，我们可以使用 requestAnimationFrame 在下一 阅读全文
摘要：
1.performance const startTime = window.performance.timing.navigationStart; // 获取页面开始加载的时间点 const whiteScreenTime = window.performance.timing.domLoadin 阅读全文
摘要：
Web Worker 是一种在浏览器中运行的 JavaScript 脚本，它在后台线程中独立于主线程运行，可以执行耗时的任务而不会阻塞用户界面的响应。 使用 Web Worker 可以将一些计算密集型或耗时的任务从主线程中分离出来，以提高网页的性能和响应速度。主线程可以继续处理用户交互和界面更新，而 阅读全文
摘要：
react 常用的hooks 有哪些？ useState：用于在函数组件中添加和管理状态。 import React, { useState } from 'react'; const Counter = () => { const [count, setCount] = useState(0) 阅读全文
摘要：
walletConnet1.0 已经被遗弃，2.0不向前兼容，所以在项目中使用1.0的必须更新2.0 以前的初始化写法 import WalletConnectProvider from "@walletconnect/web3-provider"; import {ethers } from "e 阅读全文