会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Felix_Openmind
https://github.com/serendipitywzz
博客园
首页
新随笔
管理
上一页
1
···
4
5
6
7
8
9
10
11
12
···
48
下一页
2025年3月1日
React setState
摘要: 相关代码题目setState import React, {Suspense, lazy, useState, useEffect} from "react"; // JSX、VDOM、diff算法、Fiber架构、并发模式、合成事件 // 为什么React需要Fiber并发模式而Vue不需要 ??
阅读全文
posted @ 2025-03-01 23:05 Felix_Openmind
阅读(38)
评论(0)
推荐(0)
2025年2月15日
浏览器的16ms渲染侦
摘要: Chromimum的Blink引擎的结论: 一个渲染帧内commit的多次DOM改动会被合并渲染 耗时JS会造成丢帧 渲染帧间隔为16ms左右 避免耗时脚本、交错读写样式以保证流畅的渲染 渲染帧:浏览器一次完整绘制过程。帧之间的时间间隔是DOM视图更新的最小间隔 主流的屏幕刷新频率都在60Hz,则渲
阅读全文
posted @ 2025-02-15 14:15 Felix_Openmind
阅读(92)
评论(0)
推荐(0)
Vue3相对于Vue2的提升|区别
摘要: https://cn.vuejs.org/guide/best-practices/performance Vue框架基于MVVM的架构进行开发 M - Model:数据层(数据逻辑处理 V - View: 视图层 VM - ViewModel: 数据的响应和渲染(连接数据层和视图层的桥梁) Vue
阅读全文
posted @ 2025-02-15 11:59 Felix_Openmind
阅读(203)
评论(0)
推荐(0)
2025年2月13日
[组件库]基于AntDesign中a-steps步骤条封装和自定义样式
摘要: eg code <template> <div> <a-steps progress-dot :current="1" direction="vertical" > <a-step v-for="(item, index) in stepData" :key="index" :title="item
阅读全文
posted @ 2025-02-13 11:32 Felix_Openmind
阅读(746)
评论(0)
推荐(0)
2025年2月12日
ant Design table表格 hover行样式修改(也可解决hover修改后背景出现闪白的现象)
摘要: .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: #222b50 !important; } 设置Table中每行背景颜色
阅读全文
posted @ 2025-02-12 11:55 Felix_Openmind
阅读(367)
评论(0)
推荐(0)
2025年2月11日
[组件库]div设置四个角边框
摘要: 示例 实现 .top-header { background-image: url('../../assets/slider/topHeaderTopLeft.svg'), /* 左上角图像 */ url('../../assets/slider/topHeaderTopRight.svg'), /
阅读全文
posted @ 2025-02-11 16:53 Felix_Openmind
阅读(78)
评论(0)
推荐(0)
2025年2月9日
SSE、EventSource了解
摘要: EventSource接口是web内容和服务器发送事件通信的接口 一个EventSource实例会对HTTP服务器开启一个持久化的连接,以text/event-stream格式发送事件 该连接会一直保持开启直到调用EventSource.close()关闭 EventSource是一种Web API
阅读全文
posted @ 2025-02-09 17:35 Felix_Openmind
阅读(5641)
评论(0)
推荐(1)
2025年1月31日
了解React在fiber中使用链表的方式和原因。
摘要: https://medium.com/react-in-depth/the-how-and-why-on-reacts-usage-of-linked-list-in-fiber-67f1014d0eb7
阅读全文
posted @ 2025-01-31 22:06 Felix_Openmind
阅读(36)
评论(0)
推荐(0)
2025年1月23日
Fiber的四个关键机制
摘要: React Fiber 是 React 16 引入的全新协调算法,与之前的递归栈式架构不同,Fiber 架构显著增强了 React 在性能和灵活性方面的能力。以下是 Fiber 的四个主要优点及其解释: 1. 优先级机制 Fiber 架构引入了任务的优先级调度机制,通过为不同类型的任务分配优先级,R
阅读全文
posted @ 2025-01-23 16:36 Felix_Openmind
阅读(258)
评论(0)
推荐(0)
2025年1月14日
JS原生实现键盘组合按键监听
摘要: // 保存当前按下的键 let keysPressed = {}; // 监听键盘按下事件 document.addEventListener('keydown', (event) => { // 将按下的键记录到 keysPressed 对象中 keysPressed[event.key.toLo
阅读全文
posted @ 2025-01-14 15:00 Felix_Openmind
阅读(223)
评论(0)
推荐(0)
上一页
1
···
4
5
6
7
8
9
10
11
12
···
48
下一页
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}