全部文章

React 19 终于发布，一大波新功能正式升级

这篇文章主要介绍了 React 19 的新功能，包括 Actions 自动处理数据突变相关状态，新增的 useActionState、useFormStatus、useOptimistic 等 hook，新的 use API 读取渲染资源，新的 React DOM 静态 API 生成静态站点，以及 React 服务器组件中的 RSC 和 RSA 等内容。同时提到后续会分享针对旧版功能的优化和改良。 关联问题: React 19 性能如何...

手把手教你实现属于自己的玫瑰花

这段代码通过 HTML 和 CSS 的结合，创建了一个动态的花朵效果，展示了 CSS 动画和定位的强大功能。 演示效果 HTML&CSS .flower 设置花朵的位置和布局。position: relative; 相对定位。top: 80px; 和 left: 20px; 调整花朵的位置。 .flower .petal 设置花瓣的样式。position: absolute; 绝对定位。background color: #d52d58...

记一次 React 渲染 markdown 引发的内存泄露最

最近在开发的时候遇到了一个性能问题，这里记录一下解决方案，并且借此机会讲一下如果遇到类似的问题大家可以如何排查。 背景 最近在用 React 做一个 AI 产品，目前市面上的 AI 产品有个很常见的效果就是机器人的回答是逐字输出并会解析为 MarkDown 格式。但是同事在使用的时候发现，偶尔的时候页面会突然开始卡顿，然后两三秒后页面直接崩溃并报错误代码 5。而且随着聊天越来越长，这个问题的复现几率会逐渐增大。 那啥也别说了，开干吧。...

Husky(husky9.x版本适配) + Lint-staged + Commitlint + Commitizen

Husky Husky 是 钩子工具，可以设置在 git 各个阶段（pre commit、commit msg 等）触发。 官方网站： Husky 安装方式： 安装命令： 自动生成的 目录和指令： Lint staged lint staged 是一个在 git add 到暂存区的文件运行 linters (ESLint/Prettier/StyleLint) 的工具，避免在 git commit 提交时在整个项目执行。 可以让你当前的...

个人准备

Edit mindmap  

2023年-0.0.13

### Promise 了解多少？【JavaScript】 回答链接： 1. ==Promise 是异步编程的一种解决方案==，比传统的解决方案 —— 回调函数和事件 —— 更合理和更强大。它由社区最早提出和实现， ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 2. Promise对象有以下两个特点。 1. 对象的状态不受外界影响。 Promise对象代表一个异步操作， 有三种状态：Pending（进行中）、R...

2023年-0.0.14

41.垂直居中的方案有哪些， 简单手写一下？【CSS】 回答链接： 42.水平居中的方案有哪些， 简单手写一下？【CSS】 回答链接： 43.未知高度和宽度元素的水平垂直居中的方案有哪些， 简单手写一下？【CSS】 回答链接： 37.关于 JS 闭包了解多少【JavaScript】 回答链接： 38.手写实现一下 lodash.get？【JavaScript】 回答链接： 39.JS 中 this 指向问题了解多少？【JavaScrip...

2023年-0.0.15

2023年-0.0.15_1

2023.03.09 2023.03.15 更新收集面试问题（45道题）【第1部分】 获取更多面试问题可以访问 github 地址: gitee 地址: 目录： 中级开发者相关问题【共计 6 道题】 95.实现：setObjectValue(obj: object, keys: string\[\], value: any) 方法， 支持安全设置对象的值【JavaScript】 96.一个 tcp 连接能发几个 http 请求？【网络】...