摘要:
https://godbasin.github.io/front-end-playground/front-end-basic/skill/learn-front-end-develop-from-interview.html#前端项目经验相关面试考察点 React Fiber相关讲解 React 阅读全文
摘要:
改造前 改造后 相关代码 // template <div class="row-right"> <a-tabs v-model:activeKey="activeKey"> <a-tab-pane key="1"> <template #tab> <span class="tab-title"> 阅读全文
摘要:
相关代码题目setState import React, {Suspense, lazy, useState, useEffect} from "react"; // JSX、VDOM、diff算法、Fiber架构、并发模式、合成事件 // 为什么React需要Fiber并发模式而Vue不需要 ?? 阅读全文
摘要:
Chromimum的Blink引擎的结论: 一个渲染帧内commit的多次DOM改动会被合并渲染 耗时JS会造成丢帧 渲染帧间隔为16ms左右 避免耗时脚本、交错读写样式以保证流畅的渲染 渲染帧:浏览器一次完整绘制过程。帧之间的时间间隔是DOM视图更新的最小间隔 主流的屏幕刷新频率都在60Hz,则渲 阅读全文
摘要:
https://cn.vuejs.org/guide/best-practices/performance Vue框架基于MVVM的架构进行开发 M - Model:数据层(数据逻辑处理 V - View: 视图层 VM - ViewModel: 数据的响应和渲染(连接数据层和视图层的桥梁) Vue 阅读全文
摘要:
eg code <template> <div> <a-steps progress-dot :current="1" direction="vertical" > <a-step v-for="(item, index) in stepData" :key="index" :title="item 阅读全文
摘要:
.ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: #222b50 !important; } 设置Table中每行背景颜色 阅读全文
摘要:
示例 实现 .top-header { background-image: url('../../assets/slider/topHeaderTopLeft.svg'), /* 左上角图像 */ url('../../assets/slider/topHeaderTopRight.svg'), / 阅读全文
摘要:
EventSource接口是web内容和服务器发送事件通信的接口 一个EventSource实例会对HTTP服务器开启一个持久化的连接,以text/event-stream格式发送事件 该连接会一直保持开启直到调用EventSource.close()关闭 EventSource是一种Web API 阅读全文
摘要:
https://medium.com/react-in-depth/the-how-and-why-on-reacts-usage-of-linked-list-in-fiber-67f1014d0eb7 阅读全文
摘要:
React Fiber 是 React 16 引入的全新协调算法,与之前的递归栈式架构不同,Fiber 架构显著增强了 React 在性能和灵活性方面的能力。以下是 Fiber 的四个主要优点及其解释: 1. 优先级机制 Fiber 架构引入了任务的优先级调度机制,通过为不同类型的任务分配优先级,R 阅读全文