- 博客(11)
- 收藏
- 关注
RSS订阅原创 一文读懂《浏览器解析与渲染过程》
浏览器渲染流程是性能优化的核心战场。通过理解 DOM/CSSOM 构建、渲染树生成、布局与绘制的细节，开发者可针对性地减少阻塞、避免重排/重绘，并利用分层与合成技术提升交互流畅度。最终目标是为用户提供快速、稳定的视觉体验。
2025-03-27 21:08:22
704
原创 一文读懂《CSS中的BFC》
BFC是CSS布局中的核心机制之一,通过创建独立的渲染区域解决布局冲突问题.BFC触发条件根据具体场景选用,避免出现副作用BFC的四大核心特性包括外边距合并、清除浮动、自适应两栏布局、防止文本环绕等IFC是CSS处理行内元素布局的核心机制,通过控制水平排列、垂直对齐和自动换行，实现文本、图片等内容的自然流布局.其规则与 BFC 互补，共同构建了 CSS 的格式化上下文体系。
2025-03-26 23:18:36
745
原创 【每日一问】new 过程发生了什么？
new过程中，创建一个空对象，将空对象的__proto__指向构造函数的prototype，执行构造函数，并绑定this，处理返回值。new利用原型继承的方式，实现了构造函数的复用，避免了重复的代码。
2025-03-26 21:48:44
335
原创 一文读懂《JavaScript中的类型转换机制》
显式转换：主动使用 String()/Number()/Boolean()。隐式转换：关注运算符和上下文（如+拼接字符串、==的自动转换）。对象转换：优先 valueOf()，再 toString()，Date对象特殊处理。避免隐式转换陷阱：优先使用 ===，必要时显式转换。
2025-03-26 00:02:11
1005
原创 一文读懂《Vue2 keep-alive内置组件》
一、为什么需要组件缓存？在复杂的单页应用（SPA）开发中，频繁切换的组件会导致：大型组件重渲染消耗计算资源（如大数据量表格）：表单输入内容、滚动位置等交互状态无法保留：Tab切换/路由跳转时出现闪烁卡顿电商后台系统的商品列表（带筛选条件）↔商品详情页高频切换。
2025-03-12 21:10:23
432
原创 一文读懂《Vue2 Diff算法》
diff 算法是用于比较两颗虚拟 DOM 树的差异，并生成最小化 DOM 操作指令的算法。它的核心目标是高效更新视图，避免全量渲染的性能浪费。虚拟 DOM：用 Javascript 对象来描述真实 DOM 结构（如 Vue 中的 VNode）diff 算法是一种对比虚拟 DOM 树的差异，计算最小 DOM 更新步骤的算法。diff 算法只在同层级比较，不跨层级比较diff 算法过程中，先使用头尾双指针进行两端对比，再配合查找复用法匹配节点diff 算法中的key。
2025-03-12 21:08:46
824
原创 实现图片懒加载的 5 种方式
使用 ElementUI 的 el-image 组件，设置 lazy 属性，即可实现图片懒加载。vue-lazyload 是一个 Vue.js 的插件，用于实现图片懒加载。(仅支持 Vue3)，否则会出现 v-lazy 指令找不到的问题。通过滚动监听事件手动判断图片是否进入视口，实现图片懒加载。，可以监听元素是否进入可视区域，从而实现图片懒加载。HTML5 新增的属性，用于实现图片懒加载。注意：Vue2.x 需要安装。使用浏览器原生 API。的版本，避免安装默认的。
2025-03-11 21:03:01
566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人