花生米__

HRM 是一个通用概念，由构建工具（如webpack、vite)提供，允许在不刷新页面的情况下替换、添加、删除模块 React Fast Refresh 专门为HMR开发的...

基础概念 图元 指的是3D的形状，比如盒子(BoxGeometry)，圆柱(CylinderGeometry)等。除了这些可以直接使用的形状外，还可以使用BufferGeo...

背景 在多页项目中，有时候新建项目需要基于原先的项目拷贝一份，还需要在public上新增html入口，修改vue.config.js配置....这个过程比较繁琐，而且容易漏...

promise promise处理异步方法，优化了之前回调低于的问题，使得可以链式调用异步方法 async await async await是promsie语法糖，使得代...

旧代码，导致自己没法完全找到所有的图片相关代码实在坑爹，所以想办法一次性解决。 一开始想到的办法就是项目打包完毕后将图片文件夹内的图片全部上传，配置url-loader将图...

你是否一直对前端错误监控系统的底层原理充满好奇？别做工具人了，从原理到落地，手把手带你实现一个轻量级前端错误监控SDK......

H5的加载性能对用户的留存和体验非常重要，如何秉着做到“极致”的愿景推进H5的秒开优化，本文先后从加载策略优化、资源大小优化、APP协同优化等方面讲解了我们再推进H5加载性...

疑问： 使用Token（如JWT）进行身份验证比使用Cookie更安全，尤其是可以防止CSRF攻击。但有趣的是，很多实际应用中，Token仍然存储在Cookie中。这就引出...

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项...

在Next.js中实现页面级别KeepAlive 前提: 基于App Router的路由模式 使用客户端组件(服务端组件没测试过) 很简单, 只需要三个文件 组件名称 作用...

1. preconnect：提前建立连接 什么是preconnect？ preconnect 指令告诉浏览器：当前页面很快就会与某个第三方域名建立连接，请提前完成DNS解析...

React SSR多端适配踩坑记录，缺window闪屏、iOS innerWidth误判。同构Effect。...

面对图片适配，你在 <img>和 <picture>之间纠结过吗？其实它们是互补工具，而非替代关系。本文为你提供一份清晰指南，助你根据场景快速做出正确选择，实现图片的完美适...

时隔两年再次更新了，本文主要给大家带来一些我面试的经历和经验，希望对正在求职京东前端岗位的同学有所帮助。我先大致说下面试之前的个人情况：......

一不小心写了一个bug,虽然是很简单的问题，但是还是记录下，警惕一下～～rc-virtual-list使用出现bug...

一、使用上的区别 react React 采用 JSX 语法，这是一种 JavaScript 的语法扩展，允许在 JavaScript 代码中直接编写类似 HTML 的结构...

该篇主要是分享一个前端工程师学习 AI 的历程。你将学习到：如何选择学习路线、学习 AI 相关的基础概念、学习 AI 应用开发的基本技术方案、学习基于 LLM 开发一个简单...

当AI浪潮来临之初，我一度认为：即便花时间学习这些知识，我也不可能转行去和科班出身的算法工程师竞争。与其钻研这些“用不上”的AI技术，不如继续深耕老本行，把React原理、...