摘要：
1.资源体积优化 图片 2.缓存策略优化 http缓存 强缓存 协商缓存 3.网络传输优化 http版本 cdn加速 4.渲染性能优化 css加载方式 避免内联 js 加载方式 减少重排reflow 重绘 repaint 5.第三方资源优化 CSS 不会直接阻塞 DOM 树的解析 CSS 会阻塞页面 阅读全文
posted @ 2026-06-05 08:36
国服第一李师师
阅读(7)
评论(0)
推荐(0)
摘要：
1px ：设备独立像素/逻辑像素/css像素 物理像素（发光点）：3840 × 2160（4K 硬件真实像素）DPR Math.sqrt( (物理像素)/(设备独立像素/逻辑像素/css像素/1px ) )DPR = 1：1 个 CSS px = 1 个物理像素 （1*1 网格）DPR = 2：1 阅读全文
posted @ 2025-12-17 13:10
国服第一李师师
阅读(86)
评论(0)
推荐(0)
摘要：
// 主要版本(截断更新 不兼容) 次要版本(功能新增) 修订版本(bug修复优化) // ～1.2.3 >=1.2.3 <1.3.0 锁定主要版本和次要版本 // ^1.2.3 >=1.2.3 <2.0.0 锁定主要版本 // >1.2.3 阅读全文
posted @ 2024-12-24 17:28
国服第一李师师
阅读(48)
评论(0)
推荐(0)
摘要：
1.绑定事件处理器：使得服务器端渲染的 HTML 元素变得可交互。比如，按钮的点击事件、表单的提交事件等。 2.重建应用状态：恢复或初始化客户端的 JavaScript 应用状态，使得客户端代码和服务器端渲染的一致。 3.同步 DOM：确保在客户端的 React（或其他前端框架）的虚拟 DOM（Vi 阅读全文
posted @ 2024-12-19 14:57
国服第一李师师
阅读(141)
评论(0)
推荐(0)
摘要：
class MyVideo { constructor(){ } } function singleton(className){ let ins = null const proxy = new Proxy(className,{ construct(target,args){ console.l 阅读全文
posted @ 2024-12-14 17:19
国服第一李师师
阅读(30)
评论(0)
推荐(0)
摘要：
import { onUnmounted } from "vue" // 分帧渲染 export function useDefer(maxCount = 100){ const count = ref(0) let raqId = null function updateFrame(){ coun 阅读全文
posted @ 2024-12-14 16:56
国服第一李师师
阅读(54)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2024-12-14 15:48
国服第一李师师
阅读(22)
评论(0)
推荐(0)
摘要：
function require(modulePath){ // 根据传递的模块路径获取模块id var moduleId = getModuleId(modulePath); if(caches[moduleId]){ return caches[moduleId]; } function _re 阅读全文
posted @ 2024-12-06 16:23
国服第一李师师
阅读(34)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2024-11-28 20:34
国服第一李师师
阅读(42)
评论(0)
推荐(0)
浙公网安备 33010602011771号