Freedom风间

前言 来到字节快一年了，最初的我满怀憧憬，以为大厂的代码一定是高深莫测、充满黑科技的艺术品。然而，深入项目后才发现，这里的代码并没有想象中那么“高大上”，反而透着一股朴实无...

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等...

在 React 开发中，开发者们在组件渲染方法（特别是在列表渲染 map 函数中）使用闭包（Closures）时，几乎不会多想。 但你知道吗？有一个未被充分利用却功能强大的...

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公...

你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

最近，相信大家一定被这么个动效给刷屏了： 以至于，基于这个效果的二次创作层出不穷，眼花缭乱。 基于跨窗口通信的弹弹球： 基于跨窗口通信的 Flippy Bird： 我也尝试...

requestIdleCallback requestIdleCallback 是 浏览器提供的 API，用于在 浏览器空闲时执行低优先级任务，不会阻塞主线程，也不会影响动...

字节推出了一款 AI IDE —— Trae。作为一款免费的编程工具，Trae 集成了强大的 AI 模型，支持中文，界面友好，适合零编程基础的小白和经验丰富的开发者。一句话...

> 持续更新... ## 多级解构 将部分变量从对象中解构出来的时候，涉及到多层对象的解构，可以直接一次完成，不需要分两次。 bad ❌ ```javascript con...

问题 在15.x之前的版本都是没有适配M1芯片的，所以使用 nvm install 14.18.0 会失败 解决 苹果提供了虚拟机，可以在M1上模拟AMD 终端执行命令 切...

1.前置 在开发时，为了提高页面的性能和流畅性，我们不得不关注js执行task的时间问题。从获取时间相关参数到拆分task来提高页面的流畅性涉及到很多的api，本文以此来做...

前言 这次是针对公司内部的商家钱包工程的优化，内部代码混乱。 但是好在使用了umi框架，默认的路由分包，打包压缩，线上gizp，http2.0都已经开启，但是整体的项目LC...

效果 实现功能： 前言 在项目中经常会遇到需要无限滚动的动画录播效果，但是又和传统意义的轮播图有些区别，他不是一个tab页tab页的切换，而是一个一直连续滚动的效果，甚至产...

1.生成key 全部回车走默认即可 2.复制密钥 进入目录查看生成文件 查看密钥字符串 分别复制到对应的公司gitlab和自己的github密钥平台 3.配置不同域名使用不...

面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？ 让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服...

我参加了一次前端开发工程师的技术面试，岗位年薪大约为19万美元，不幸的是，我因为一个try...catch的面试问题错误而失败了。让我告诉你这个问题是什么，也许它也能帮助你...

在开发react时我们会经常出现在hook内获取不到最新的state值，其实是因为我们对react的闭包执行环境不够理解。...

前言 「react key」相关问题几乎是面试的老生常谈了。也许你会说这是面试的八股文问题而已，有什么好说的。但是，实际上，正确去理解它对日常的开发工作还是有帮助的。一来能...