更新文档

docs/doc/🏄 关于/qfaugcu7d1ucqdq5.md

@@ -2,13 +2,26 @@
 title: 更新日志
 urlname: qfaugcu7d1ucqdq5
 date: '2024-05-22 08:47:22'
-updated: '2024-09-28 20:58:38'
-description: '---nav_path: changelog---介绍当前网站的更新计划以及快要更新的东西，如果大家有特别的需要也可以进行留言。2024-09新增评论邮件发送功能优化评论邮件通知功能中模板样式新增页面下一页以及上一页优化黑白模式-公告优化页面-切换页面链接的时候，视图不对优化首页排版-高度不一...'
+updated: '2024-10-10 20:58:04'
+description: '---nav_path: changelog---介绍当前网站的更新计划以及快要更新的东西，如果大家有特别的需要也可以进行留言。2024-10新增：写一个脚本，每日定时更新网站切换为静态生成网页修改仓库名称为AirBlog首页修改-新增标签墙切换邮件通知功能到163邮箱，防止被设置为垃圾邮箱新...'
 nav_path: changelog
 ---
 介绍当前网站的更新计划以及快要更新的东西，如果大家有特别的需要也可以进行留言。
 
-
+## 2024-10
+- [ ] 新增：写一个脚本，每日定时更新网站
+- [ ] 切换为静态生成网页
+- [ ] 修改仓库名称为AirBlog
+- [ ] 首页修改-新增标签墙
+- [ ] 切换邮件通知功能到163邮箱，防止被设置为垃圾邮箱
+- [ ] 新增评论审核功能：关键词（阿里云、腾讯云的api接口太贵了）
+- [ ] 在每个页面的下面增加一功能，叫做**当前页面的热评**
+- [ ] 优化移动端排版（网盘拉新必备）
+- [ ] 优化搜索功能-宽度
+- [ ] 新增栏目-开源项目、go框架、参考gostack.cc
+- [ ] 借鉴 xargin.com网站排版
+- [ ] 优化：百度提交改为先提交最新的20篇文章，再在之前的文章里随机挑选提交
+- [ ] 新增留言版
 
 ## 2024-09
 - [x] 新增评论邮件发送功能
@@ -24,18 +37,6 @@ nav_path: changelog
 - [x] 友情链接页面优化
 - [x] 新增图片优化：For production Image Optimization with Next.js, the optional 'sharp' package is strongly recommended. Run '**npm i sharp**', and Next.js will use it automatically for Image Optimization
 - [x] 优化搜索功能-背景颜色不对(是pliny的背景不对，github提问了）
-- [ ] 切换为静态生成网页
-- [ ] 修改仓库名称为AirBlog
-- [ ] 首页修改-新增标签墙
-- [ ] 切换邮件通知功能到163邮箱，防止被设置为垃圾邮箱
-- [ ] 新增评论审核功能：关键词（阿里云、腾讯云的api接口太贵了）
-- [ ] 在每个页面的下面增加一功能，叫做**当前页面的热评**
-- [ ] 优化移动端排版（网盘拉新必备）
-- [ ] 优化搜索功能-宽度
-- [ ] 新增栏目-开源项目、go框架、参考gostack.cc
-- [ ] 借鉴 xargin.com网站排版
-- [ ] **百度提交**改为先提交最新的20篇文章，再在之前的文章里随机挑选提交
-- [ ] 新增留言版
 
 ## 2024-7-17
 + 新增**搜索功能**

docs/doc/🔥 程序员自我修养/最强前端🏷️/oxwter7kgwvcsr3g.md

@@ -2,7 +2,7 @@
 title: A component is changing an uncontrolled input to be controlled.
 urlname: oxwter7kgwvcsr3g
 date: '2024-10-10 08:21:01'
-updated: '2024-10-10 08:21:56'
+updated: '2024-10-10 20:51:06'
 description: 在前端开发中，我们经常会处理表单输入。表单输入组件可以分为受控组件和非受控组件，理解它们之间的转换以及背后的原理对于构建高效、可维护的用户界面至关重要。一、受控组件与非受控组件的概念受控组件受控组件的值由React组件的状态来控制。当表单元素的值发生变化时，通过事件处理函数将新的值更新到组件的...
 ---
 在前端开发中，我们经常会处理表单输入。
@@ -15,6 +15,8 @@ description: 在前端开发中，我们经常会处理表单输入。表单输
 ### 受控组件
 + 受控组件的值由React组件的状态来控制。当表单元素的值发生变化时，通过事件处理函数将新的值更新到组件的状态中，然后React会根据新的状态重新渲染组件，确保界面显示与状态一致。
 
+
+
 例如，一个简单的输入框作为受控组件：
 
 ```jsx
@@ -33,7 +35,11 @@ const ControlledInputExample = () => {
 };
 ```
 
-在这个例子中，`inputValue`是组件的状态，它控制着输入框的值。每当用户在输入框中输入内容时，`onChange`事件会触发`handleInputChange`函数，将输入框的新值更新到状态中，从而实现了对输入框的控制。
+在这个例子中，`inputValue`是组件的状态，它控制着输入框的值。
+
+
+
+每当用户在输入框中输入内容时，`onChange`事件会触发`handleInputChange`函数，将输入框的新值更新到状态中，从而实现了对输入框的控制。
 
 ### 非受控组件
 + 非受控组件的值由DOM本身来管理。我们可以通过`ref`来获取表单元素的值，但不会像受控组件那样通过状态来严格控制其值的更新和渲染。例如：