沉默的大橘

在前端开发的日常中，我们常常围绕着常见的 CSS 属性打转，却忽略了那些藏在规范角落里的小众特性。它们看似不起眼，却能在关键时刻简化代码、提升交互质感，成为提升开发效率的秘...

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

一、 前言 Hello~ 大家好。我是秋天的一阵风~ 事情是这样的，最近在新客户项目的落地部署过程中，我发现了一个隐藏在前端项目代码深处的隐患。 在为用户进行定制化功能改造...

前阵子被一个 base 北京的小厂面到这个问题，我仅知道实现大文件上传可以通过切片的方式，但是当面试官问我具体实现细节的时候我就沉默了，这个问题本来就应该是大厂问的，心想现...

最近一位叫 @GameMCU的大佬用 Webgl、Three.js 等技术实现了一个 小米 SU7 在线体验网站：https://gamemcu.com/su7/被广大网友...

文章介绍useCallBack的使用方式，使用场景以及原理深度解读，还有避免useCallBack的一些坑和纠正一些常见的错误理解。...

记录一个问题 业务场景： input输入框要求仅输入数字，可是唤起手机键盘时，输入法先输入字母（这个时候输入的内容在输入法上预览）再输入数字时，input输入框内数字就会变...

和forwardRef类似，forwardRef是把子组件dom元素暴漏给父组件 useImperativeHandle是子组件将自身的方法暴漏给父组件 当我们在父组件中想...

使用说明： 使用ref暴漏dom节点给父组件 使用场景： 在父组件中想去拿子组件的dom元素.......

作用： 允许组件props没有变化的情况下跳过渲染 react组件的默认渲染机制： 只要父组件重新渲染，子组件就会重新渲染 举个栗子 此时，父组件更新重新渲染，子组件不会重...

场景： 点击复制按钮，复制图片，可以粘贴在别处（比如微信，钉钉） 其实就是鼠标右键图片，点击复制图片的简化操作，两步变一步。 话不多说直接上代码 使用方式...

写日历需要注意的两个问题 每周从周几开始，从周日开始还是从周一开始，像苹果上的日历就是从周日开始 从图上看出，不管是从哪天开始，整体的顺序不变 ，这个情况和无缝滚动的组件很...

```js document.onmouseup = function(e){ const e = e || window.event; const point = e.t...

作用： 组件每次重新渲染的时候缓存计算的结果 使用场景： 消耗非常大的计算时 举个栗子： 有count1,count2，只想在count1变化时，才执行fn，看代码 上面代...

useReducer 是 React 提供的一个 Hook，用于管理组件的状态逻辑。它可以更好地处理复杂的状态管理需求，尤其是当状态之间存在依赖关系、需要多个状态合并处理、...

步骤 1.首先在项目中安装 2.添加基本的目录结构，src/router/index.js 3.入口文件配置 index.js 4.路由传参方式...