目录
1 -> List
2025年06月10日
性能优化是一个广泛的领域，本节聚焦于UI性能方面的两大核心问题：“慢” 与 “卡”。例如，在应用启动过程中，从用户点击应用图标开始，到应用首页完全加载呈现，这一过程若耗时过长，会极大地降低用户体验。此外，在用户与应用进行交互时，如点击按钮后，应用的响应迟缓，同样会对用户体验造成严重影响，这些都是 “慢” 的具体表现。而 “卡” 则主要与UI渲染紧密相关。目前，一般的渲染帧率可达120帧左右，即大约每八点几毫秒就需要完成一帧的渲染。若应用性能欠佳，一帧内需要处理的任务过多，无法在规定的时间内完成并传递至渲染进程，便会出现丢帧现象。少量丢帧时，用户或许难以察觉，但当丢帧数量较多时，用户便会明显感受到卡顿，这种情况在视频类应用或实时交互类应用（如游戏、在线视频等）中表现得尤为突出，严重影响用户的使用感受。
2025年06月10日
在 Vue 中，书组件通常用于展示书籍信息（如标题、作者、封面、简介等）。以下是一个详细的组件设计与实现示例，包含关键代码和注释。
1. 基础书组件结构
创建一个可复用的书籍展示组件，包含基本属性和样式。
2024年12月08日
Html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>转动的风扇</title>
<link rel="stylesheet" href="../css/20241114.css">
</head>
<body>
<div class="main">
<img src="image/20241114/fan-blade.png" alt="" srcset="">
<button onclick="fanOn()">ON </button>
<button onclick="fanOff()">OFF</button>
<button onclick="fanBtn1()">1</button>
<button onclick="fanBtn2()">2</button>
<button onclick="fanBtn3()">3</button>
</div>
<script src="../js/20241114.js"></script>
</body>
</html>