上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 48 下一页
摘要: 相关代码题目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)
摘要: Chromimum的Blink引擎的结论: 一个渲染帧内commit的多次DOM改动会被合并渲染 耗时JS会造成丢帧 渲染帧间隔为16ms左右 避免耗时脚本、交错读写样式以保证流畅的渲染 渲染帧:浏览器一次完整绘制过程。帧之间的时间间隔是DOM视图更新的最小间隔 主流的屏幕刷新频率都在60Hz,则渲 阅读全文
posted @ 2025-02-15 14:15 Felix_Openmind 阅读(92) 评论(0) 推荐(0)
摘要: 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)
摘要: 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)
摘要: .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)
摘要: 示例 实现 .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)
摘要: EventSource接口是web内容和服务器发送事件通信的接口 一个EventSource实例会对HTTP服务器开启一个持久化的连接,以text/event-stream格式发送事件 该连接会一直保持开启直到调用EventSource.close()关闭 EventSource是一种Web API 阅读全文
posted @ 2025-02-09 17:35 Felix_Openmind 阅读(5641) 评论(0) 推荐(1)
摘要: 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)
摘要: React Fiber 是 React 16 引入的全新协调算法,与之前的递归栈式架构不同,Fiber 架构显著增强了 React 在性能和灵活性方面的能力。以下是 Fiber 的四个主要优点及其解释: 1. 优先级机制 Fiber 架构引入了任务的优先级调度机制,通过为不同类型的任务分配优先级,R 阅读全文
posted @ 2025-01-23 16:36 Felix_Openmind 阅读(258) 评论(0) 推荐(0)
摘要: // 保存当前按下的键 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;}