雪旭

摘要： 一、为什么会有Hook Vue 和 React 中的 "hook" 都是为了解决在组件中复用逻辑的问题。主要为了解决以下两个问题： 1.逻辑复用困难 在 Hook 出现之前，React 和 Vue 都有各自的代码复用方式，但都存在一些问题： React：主要使用高阶组件（Higher-Order C 阅读全文

摘要： 这段代码通过 Three.js 和 cannon-es 库，创建了一个有趣的交互式 3D 物理模拟场景。当你在页面上点击鼠标时，会发射出一个小球，它会在重力作用下弹跳并与地面发生碰撞。 以下是这段代码的逐步解析，以及它如何协同工作来构建这个模拟场景： 一、设置 3D 场景基础 首先，代码导入了所需的 阅读全文

摘要： 在前端开发中我们经常会对数据对象进行处理，并且不影响原对象，即遵循不可变值。因为可能其它地方会用到原始对象，这就引出了一个概念拷贝（对数据进行复制）。在前端拷贝分二种浅拷贝和深拷贝。 一、基本概念 1. 浅拷贝 浅拷贝只复制对象一层，改变一层对象的属性不会影响原对象，如果对象的属性一个引用类型的时候 阅读全文

摘要： 在3D图形渲染中，天空盒（Skybox）被用来模拟一个虚拟世界的背景。它通过包裹整个场景的方式，让用户有一种身处于无尽虚拟环境中的感觉。常见的天空盒实现方式包括使用球体（Sphere Map）和立方体（Cube Map）。今天，我们将通过 Three.js 这两个常见的实现方式来创建天空盒。 一. 阅读全文

摘要： 图片懒加载（Lazy Loading）是一种优化网页加载速度的技术。它的主要作用是延迟加载页面中的图片，当图片进入用户的可视区域（viewport）时，才会触发加载。这样可以有效减少初始页面加载时的资源请求，提升用户体验，尤其是在网络较慢或页面包含大量图片的情况下。核心原理是：初始加载时只显示轻量级 阅读全文

摘要： 在传统的HTTP协议中，客户端必须主动发起请求才能获取数据。而实时应用场景如在线聊天、股票行情、多人协作等，需要服务端能主动推送数据。WebSocket协议它具有： ​​双向通信​​：客户端和服务端可以同时发送消息 ​​低延迟​​：建立连接后消息即时传输 ​​高效​​：相比HTTP轮询节省大量带宽 阅读全文

摘要： 在前后端分离的开发模式中，后端接口常通过数字或字符串形式的枚举值（如 0、1、"draft"）表示业务状态、类型等信息。而前端不仅需要将这些值转换为用户友好的文本（如中文“草稿”、英文“Draft”），还需考虑多语言切换、状态合法性校验等问题。本文将深入探讨 ​5 种常见的状态映射方案，从最基础的枚 阅读全文

摘要： HTTP缓存是前端性能优化的核心手段。当您首次访问网站时，浏览器向服务器请求资源，服务器不仅会返回所需的CSS、JavaScript或图片文件，更会在响应头中设置的缓存指令，有些资源允许直接存档复用（强缓存），有些则需要定期"持证核验"（协商缓存）。浏览器再次请求时就会进行缓存验证。 一、HTTP缓 阅读全文

摘要： 在复杂的 Web 应用中，用户经常需要同时操作多个标签页。例如：在电商网站中修改购物车、在协作工具中同步编辑状态、在新闻平台中标记已读内容。本文将详解 ​5 种主流实现方案。 一、核心需求与技术挑战 1.1 典型应用场景 场景数据交互需求 电商购物车 多标签页实时同步商品数量 在线协作工具 多人编辑 阅读全文

摘要： 在JavaScript中，继承是实现代码复用和抽象的核心机制之一。随着ES6（ECMAScript 2015）的推出，类（class和extends）彻底改变了实现继承的方式。本文将通过对比ES5和ES6的继承实现，揭示其底层原理与核心差异。 一、ES5的继承：基于原型链的手动实现 1. 核心机制 阅读全文