SF
银之夏雪
银之夏雪
注册登录
关注博客
注册登录
主页
关于
RSS
js继承您了解多少呢
银之夏雪
3 月 15 日
阅读 5 分钟
258
因为我们刚开始child的info是引用类型,存的是相同的地址,后面直接给info了一个新对象,相当于生成了一个新对象的地址,两个info此时指向了不同的地址,互不干扰了
从底层到实践:深度解析 Vue Composition API 与 React Hooks 的异同
银之夏雪
3 月 15 日
阅读 4 分钟
306
Vue3 的 Composition API 建立在 Proxy-based 响应式系统之上,通过劫持对象的 getter/setter 实现依赖收集。当访问响应式对象时,Vue 会自动建立组件与数据的依赖关系。
深入理解 GPU 渲染加速与合成层(Composite Layers)
银之夏雪
3 月 15 日
阅读 5 分钟
266
在前端渲染流程中,GPU 加速通过硬件并行计算能力显著提升图形处理效率。传统浏览器渲染依赖 CPU 处理 DOM 解析、样式计算和布局,但 CPU 的串行处理模式在处理大规模图形数据(如复杂动画、3D 变换、高清图像)时易成为性能瓶颈。GPU的介入解决了这一核心矛盾 :
Vue 3 vs Vue 2:深入解析从性能优化到源码层面的进化
银之夏雪
3 月 15 日
阅读 4 分钟
374
Vue.js 是当今前端开发中最受欢迎的框架之一。随着 Vue 3 的发布,它在性能优化、开发体验、响应式系统、构建工具和热更新等多个方面都带来了巨大提升。本文将深入剖析 Vue 3 的进化,包括其 源码实现 方面的优化,如 diff算法、静态标记、编译优化 ,以及 Vue 3 在热更新、构建工具上的改进。
ESLint 深度解析:原理、规则与插件开发实践
银之夏雪
3 月 5 日
阅读 6 分钟
366
在前端开发的复杂生态中,保障代码质量与规范性是构建稳健、可维护项目的基石。ESLint 作为一款强大的代码检查工具,其默认规则与插件能满足多数常见需求,但面对特定团队规范或项目独特要求,自定义 ESLint 插件便成为有力的扩展手段。本文将深入探讨如何打造自定义 ESLint 插件,并结合实际案例,详细阐述从创建到应用...
CSS 真的会阻塞文档解析吗?从浏览器渲染原理深入探究一下
银之夏雪
2 月 24 日
阅读 4 分钟
463
在网页开发领域,一个常见的疑问是 CSS 是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题,需要从浏览器渲染网页的原理说起。
XSS 与 CSRF 攻击你了解多少呢
银之夏雪
2 月 20 日
阅读 7 分钟
378
XSS,即跨站脚本攻击,其核心在于攻击者利用网站对用户输入数据处理的漏洞,将恶意脚本注入网页。当其他用户访问该网页时,浏览器会误将这些恶意脚本当作正常网页内容执行,从而沦为攻击者的 “傀儡”,实现用户敏感信息窃取、会话劫持甚至远程控制用户设备等恶意目的。从本质上讲,XSS 是一种代码注入攻击,它打破了网页...
深度剖析 DNS 劫持
银之夏雪
2 月 8 日
阅读 4 分钟
553
在互联网时代,我们每天都在通过浏览器访问各种网站,获取信息、进行社交、购物娱乐等。然而,在这看似便捷的网络交互背后,却隐藏着一种威胁 ——DNS 劫持。DNS 劫持就像一个隐形的 “网络小偷”,悄然改变着我们的网络访问路径,带来诸多危害。那么,究竟什么是 DNS 劫持?它为何会出现?又有哪些实际案例和常见场景?我们...
深入剖析为什么顺序调用对 React Hooks 很重要?
银之夏雪
2 月 7 日
阅读 8 分钟
386
在享受 React Hooks 带来的便捷性的同时,我们必须严格遵循顺序调用的规则,这一规则的重要性远超我们的想象。本文将深入探讨顺序调用对 React Hooks 的重要性,并结合常见的缺陷,通过具体的代码案例进行详细阐述,揭示其背后深层次的原理。
深度解析 React 合成事件:机制、作用及与 Vue 事件机制的对比
银之夏雪
1 月 20 日
阅读 5 分钟
735
在前端开发领域,React 与 Vue 作为两款备受瞩目的框架,凭借独特的设计理念和技术架构,为开发者打造出截然不同的开发体验。React 的合成事件是其核心亮点之一,Vue 则采用了别具一格的事件处理机制,二者的差异背后蕴藏着多方面的考量。
深度解析 React 中 setState 的原理:同步还是异步
银之夏雪
1 月 15 日
阅读 4 分钟
595
在 React 框架的核心机制里,setState是实现动态交互与数据驱动视图更新的关键枢纽。深入理解setState的工作原理,尤其是其同步与异步的特性,对于编写高效、稳定且可预测的 React 应用至关重要。
React 中的受控组件与非受控组件:深度剖析与实战应用
银之夏雪
1 月 2 日
阅读 7 分钟
579
在如今的前端开发里,React 可是响当当的角色,是咱搭建用户界面的得力帮手。一碰到表单处理和用户输入交互这些事儿,受控组件和非受控组件就派上大用场了,它们就像是两种不一样的工具,各有各的厉害之处。要是咱能把它们摸透了,知道啥时候用啥,那开发出来的 React 应用肯定既好用又靠谱,用户体验也差不了。
手把手带你从0到1手写实现Event Emitter
银之夏雪
2024-12-23
阅读 4 分钟
446
在前端开发中,尤其是构建大型应用时,组件之间的通信变得非常复杂。为了实现组件之间的解耦,我们通常会采用事件驱动的方式。Event Emitter机制就是通过集中管理和分发事件来解耦生产者(事件的触发者)和消费者(事件的处理者)。这种机制尤其适合在复杂的前端应用中,减少组件之间的直接依赖。
告别 `if - else`:策略模式与 `return` 语句的深度解析与应用
银之夏雪
2024-12-19
阅读 6 分钟
483
在编程领域,if - else 语句我们再熟悉不过了。它简单易用,是构建程序逻辑的常用方式。可一旦业务变得复杂起来,大量嵌套的 if - else 代码就会像乱麻一样,把代码的可读性、可维护性和扩展性都搞得一团糟。本文就来好好讲讲怎么用策略模式和合理运用 return 语句,把代码从这团乱麻里解救出来,让代码结构更清晰、更高...
深入理解作用域与作用域链
银之夏雪
2024-12-17
阅读 6 分钟
677
在 JavaScript 编程中,作用域和作用域链是极为核心的概念,它们犹如程序运行时的 “隐形规则手册”,深刻影响着变量的可见性、生命周期以及代码的逻辑结构。透彻掌握这两个概念,是编写高效、可维护 JavaScript 代码的关键基石。二、作用域基础概念(一)全局作用域全局作用域是 JavaScript 程序中最顶层的作用域。在浏览...
深度剖析 JavaScript 变量提升与暂时性死区:原理、实战与避坑指南
银之夏雪
2024-12-13
阅读 4 分钟
694
在 JavaScript 中,变量提升与暂时性死区影响着着程序的运行逻辑、性能表现以及可维护性。接下来将从底层原理、实际场景案例以及最佳实践全方位展开深度剖析。