02 2025 档案

浏览器的16ms渲染侦
摘要：Chromimum的Blink引擎的结论： 一个渲染帧内commit的多次DOM改动会被合并渲染 耗时JS会造成丢帧 渲染帧间隔为16ms左右 避免耗时脚本、交错读写样式以保证流畅的渲染 渲染帧：浏览器一次完整绘制过程。帧之间的时间间隔是DOM视图更新的最小间隔 主流的屏幕刷新频率都在60Hz，则渲 阅读全文
posted @ 2025-02-15 14:15 Felix_Openmind 阅读(8) 评论(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 阅读(27) 评论(0) 推荐(0) 编辑
基于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 阅读(19) 评论(0) 推荐(0) 编辑
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 阅读(10) 评论(0) 推荐(0) 编辑
div设置四个角边框
摘要：示例 实现 .top-header { background-image: url('../../assets/slider/topHeaderTopLeft.svg'), /* 左上角图像 */ url('../../assets/slider/topHeaderTopRight.svg'), / 阅读全文
posted @ 2025-02-11 16:52 Felix_Openmind 阅读(3) 评论(0) 推荐(0) 编辑
SSE、EventSource了解
摘要：EventSource接口是web内容和服务器发送事件通信的接口 一个EventSource实例会对HTTP服务器开启一个持久化的连接，以text/event-stream格式发送事件 该连接会一直保持开启直到调用EventSource.close()关闭 EventSource是一种Web API 阅读全文
posted @ 2025-02-09 17:35 Felix_Openmind 阅读(292) 评论(0) 推荐(0) 编辑

*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示