- 博客(197)
- 收藏
- 关注
RSS订阅原创 《React 属性与状态江湖：从验证到表单受控的实战探险》
如果是在外面证明是类属性，在里面是对象属性。当接收的和传过来的一致的时候，就可以简写了。属性能解决两个大问题：通信和复用。也可以像上面一样进行改写。怎么加上默认属性呢？
2025-03-11 17:50:25
958
原创 《银幕寻片奇遇记：数据请求助力，模糊搜索 + 选项卡玩转影院查询》
但是这样的写法是有问题的，我们不能直接的修改状态，可能会造成不可预期的问题。这样也是不可以的，因为是引用赋值。继续学习react，做小小的案例。修改状态之后，同步的更新一下。
2025-03-10 21:38:01
839
原创 React饮马江湖多年，已经占据江湖大厂数一数二的位置，晚辈后生无不追逐，以求心法，如今尝试窥见类组件真经，初尝甘霖
React推荐我们使用行内样式，而这个样式对象的位置可以放在很多地方，例如render函数里、组件原型上、外链js文件中。这个handleClick不加括号是被动执行，点到之后再触发。加了就自动执行了（不要画蛇添足，一个猴一种栓法）构造函数，添加函数和方法。
2025-03-09 16:08:02
1252
原创 Redux与 React 共舞：从 0 到 1 的奇幻之旅
Redux是React最常用的集中状态管理工具，类似于Vue的Pinia(Vuex)，可以独立于框架运行作用就是通过集中管理的方式管理应用的状态。
2025-03-07 01:00:00
1020
原创 axios完结！
这个注意的是axios和Axios.prototype.request基本上差不多。通过Promise的链式调用将配置传递给dispatchRequest。这是真正发送AjAX请求的部分，返回的是Promise对象。创建立即resolve的Promise对象作为起点。这是核心构造函数，用于保存配置信息。最终返回Promise链的结果。这是负责实际调用适配器发送请求。讲一下axios的源码分析。来分段看这段代码，首先是。这是处理请求的核心方法。构建标准化的 响应对象。返回promise对象。
2025-03-06 02:15:00
1327
原创 React Router：前端导航的 “魔法罗盘”
一个路径path对应一个组件component当在浏览器中访问path的时候，对应的组件会在页面进行渲染。
2025-03-05 16:26:07
846
原创 React高级内容探索
默认情况下，如果您的应用程序在渲染期间抛出错误，React将从屏幕上移除其UI，为了防止这种情况，可以将UI的一部分包装到错误边界中，错误边界是一种特殊组件，可让我显示一些后备UI而不是崩溃的部分，例如错误信息。flushSync让你强制React同步刷新提供回调中的任何更新，这确保了DOM立即更新。flushSync可以取消自动批处理（没有太大意义）
2025-03-04 00:00:00
1276
原创 ahooks实例案战
不会在组件的首次渲染时执行，仅在后续的更新渲染中执行副作用函数。这在某些场景下非常有用，比如你只想在组件的某些状态或属性更新时执行特定的操作，而不想在组件首次挂载时执行。是一个自定义的 React Hook，它的功能和。功能：只有更新操作的时候才触发副作用。功能：布尔值切换状态，监听鼠标的移入移出。
2025-03-03 02:00:00
453
原创 UI组件库及antd
随着商业化的趋势，企业级产品中需求多且功能复杂，且变动和并发频繁，常常需要设计者与开发者快速做出响应，同时这类产品中有很多类似的页面及组件，可以通过抽象得到一些稳定且高复用性的内容常见的UI组件库：Ant Design，Material UI等组件库安装：npm install antd图标库安装：npm install @ant-design/icons我的远程卡掉了按在本地了。
2025-03-02 17:52:42
1587
2原创 REACT学习--钩子剩余部分
大部分情况下我们采用useEffect()，性能更好，但是useEffect里面的操作需要处理DOM，并且会改变页面的样式，就需要用useLayoutEffect，否则可能会出现闪屏问题。对于拥有许多状态更新逻辑的组件来说，过于分散的事件可能会令人不知所措，对于这种情况，可以将组件所有状态更新逻辑整合到一个外部函数中，这个函数叫做reducer。useEffect()是在渲染被绘制到屏幕之后执行的，是异步的，useLayouEffect()是在渲染之后但是在屏幕更新之前，是同步的。首先 验证依赖安装状态。
2025-02-28 22:48:38
987
原创 REACT学习第三幕--沉睡花园
什么是Hooks？在react中，useState以及任何其他以use开头的函数都称为Hook（钩子），所以Hooks就是代表着use函数的集合，也就是钩子的集合Hooks就是一堆功能函数，一个组件想要实现哪些功能就可以引入对应的钩子函数，像插件一样非常方便Hooks分为：内置Hooks，自定义Hooks，第三方Hooks。
2025-02-27 16:39:29
891
原创 REACT学习--第二章实战案例：任务列表
任务列表可以处理成组件，未完成和已完成可以用一个组件。哦刚才导错了现在改过来了出现新问题了。没有太多样式主要是有对应的功能。看得出AI写代码也需要考虑很多。费一些脑细胞虽然他可能没脑子。我有预感要服务器繁忙了。
2025-02-26 08:41:28
433
原创 REACT学习也要达到S+（怒刷节奏医生）
在react内部，为每一个组件保存了一个数组，每一项都是一个state对，它维护当前state对的索引值，在渲染之前将其设置为0，每次调用useState时，React都会为我提供一个state对并增加索引值。state变量看起来和一般的可读写的JS变量类似，但是state在其表现出的特性上更像是一张快照，设置它不会更改你已有的state变量，但是会重新触发渲染。...传播语法是浅的，它只复制一层深的东西，这使它变得很快，但是也意味着如果想要更新一个嵌套的属性，不得不多次使用它。
2025-02-25 22:13:39
916
原创 REACT学习DAY02（恨连接不上服务器）
2. 在DOM可用时，通过 inputRef.current 拿到 DOM 对象。2. 通过value属性绑定状态，通过onChange属性绑定状态同步的函数。概念：使用React组件的状态（useState）控制表单的状态。这个脚手架需要较高版本的Node.js（14.18+,16+）1. 使用useRef创建 ref 对象，并与 JSX 绑定。在文件上面vite.svg是没有被编译过的。感觉自己有点理解了react基本使用？在安装的时候可以选JS或者JS+SWC。只能说我的服务器挂了和我也脱不开关系。
2025-02-21 01:09:32
926
原创 后盾人JS -- 模块化开发
这是default默认导出，接收的时候使用默认导出的数据。最好使用具名导出，默认导出的时候最好按照原来的模块起名字。执行完这个init就产生了一个.json（配置文件）解析只会发生一次，可以减少解析时间，避免解析的错误。如果有的导入了但是没有使用也会被裁剪掉。模块的导入要有名字，没有名字会报错。只有导出接口才可以正常的使用私有。使用模块的时候默认就是严格模式。这就是别名的使用（主要是简洁）因为添加过命令了，所以可以直接。index.js是入口文件。WEBPACK是打包工具。编译好之后就可以引入了。
2025-02-10 13:26:13
468
原创 后盾人JS -- 其实不类
/* 为了更好地观察效果，添加一些样式 */*{padding:0;margin: 0;body{.slide {.slide dt{.slide dd{后盾人</dt><dd></dd><dt>后盾人</dt><dd></dd><dt>后盾人
2025-02-09 17:00:17
372
原创 后盾人JS -- 类类的
^https?throw new Error("非常网址")super() //子类的构造函数中调用父类的构造函数let hd = new User("后盾人")</script></body></html>
2025-02-08 20:25:45
301
原创 后盾人JS--继承
有的时候不希望constructor被遍历。父级和子级的哪一个适合 用哪个。有多态特性分类就比较方便了。只要有重复的就可以封装起来。两种方式都可以实现继承。功能类也可以实现继承。
2025-02-04 20:54:05
268
原创 后盾人JS -- 还没搞定对象
浅拷贝：创建一个新对象或数组，新对象或数组会复制原始对象或数组的一层属性或元素。而对于引用数据类型（如对象、数组）的属性或元素，只会复制其引用，即新对象和原始对象仍然共享这些引用数据类型的内存地址。深拷贝：递归地复制原始对象或数组的所有属性或元素，包括嵌套的对象和数组。这意味着新对象和原始对象在内存中是完全独立的，修改新对象不会影响到原始对象，反之亦然。工厂函数是一种用于创建对象的函数，它就像一个工厂，根据不同的条件或参数，生产出不同类型的对象。当这里面添加了数组之后，数组被识别成对象了，需要做额外处理。
2025-01-30 17:51:11
320
原创 后盾人JS -- Map与WeakMap类型在JavaScript中的使用
Weakmap和Weakset有点相似，里面只能有对象。在使用for of的时候默认就是使用可迭代对象。所以没有keys和values这样的方法。使用map管理DOM节点就不怕覆盖了。
2025-01-24 20:21:36
439
原创 后盾人JS -- Set与WeakSet类型在JavaScript中的使用
</head><body><script>// let set1 = new WeakSet(["hdcms","houdunren"]) 会报错set.add(["hdcms","houdunren"]) //不会报错</script></body></html><head><script>})</script>
2025-01-21 16:55:59
375
原创 后盾人JS -- 好用的 JavaScript Symbol 类型
举个例子，当leader让你去机房取某个电脑的时候，机房那么多电脑，你怎么知道取哪个所以这个时候symbol的作用就显现出来了（上面有什么贴纸的，什么型号的电脑）两个symbol定义完之后比较是不会相等的<head></head><body><script>letedu=Symbol("后盾人在线教程")//添加描述console.log(hd.description)//打印描述letcms=Symbol.for("hdcms")//这样定义系统会有记录。
2025-01-19 00:27:46
388
原创 后盾人JS -- JS数组挖掘（成年篇）
<script></script></body></html>还可以使用原型链进行查找<head></head><body><script>})</script></body></html><head></head><body><script>}))</script>
2025-01-18 21:31:25
495
原创 JS后盾人--JS数组挖掘（少年篇）
拆分：split，合并：join，...语法，concat。解构可以简单理解为把数组里面的值批量赋值给变量。出入栈已经很熟悉了，主要 是看看填充操作。介绍一下copyWithin的使用。使用展开语法也可以更快捷的计算和。把数组转换成字符串会更方便传递。像这样使用splice。接下来我们看看展开语法。
2025-01-17 00:00:00
561
原创 JS后盾人--再一次的走进JS？
如果使用let或者const来声明变量那会产生一个暂时性死区TDC（言下之意就是不能在声明变量之前使用变量），帮助我们让代码更加的合理（对声明的保护）比如这个代码，虽然web看上去毫无作用，但是你注释掉会报错，这就是因为有变量提升的存在。使用let或者const就可以有块作用域，优点就是不会影响先前定义的一些变量的值。我们可以使用Object的静态方法将其冻结，这样它的值就不会改变了。const针对的标量不可以改变，但是引用类型是可以改变的。主要涉及的就是作用域（变量的作用域，先局部后全局）
2025-01-15 00:00:00
775
原创 后盾人JS--JS值类型使用（终章）
当无法转换成数字或者数字和字符串进行运算的时候得到的就会是NaN。顾名思义就是，not a number。数组只有一个值就取那个值，没有就是0，有多个就是NaN。基本上所有语言都有他们对应的随机数操作，JS也不例外。ISO与TIMESTAMP格式互换。优秀的日期处理库momentjs。NaN类型之间是无法进行比较的。这是一些Math的相关方法。其实你之前学过的，对吧。
2025-01-14 00:15:00
474
原创 后盾人JS--JS值类型使用（续章）
比较的时候都转换成数值类型（true=1，false=0）对电话号码进行模糊处理，要进行一些类型转换。用于判断真假的布尔类型吗，有点有趣。这是字符串和数字之间的相互转化。显示转换Booean类型。
2025-01-13 14:53:50
817
原创 后盾人JS--JS值类型使用
let hd=[]console.log(hd instanceof Array) //判断是否在原型链上（是否由这个构造函数创建出来
2025-01-12 22:15:44
577
原创 JS进阶--JS听到了探囊的回响
北京买房政策：需要连续5年的社保，如果中间有一年断了社保，则需要从新开始计算 比如，我 2020年开始计算，连续交5年，也就是到2024年可以买房了，包含2020年 但是我 2024年断社保了，整年没交，则需要从2025年开始算第一年往后推5年…也就是 2029年才能买房…tips：在开发中【使用箭头函数前需要考虑函数中 this 的值】，事件回调函数使用箭头函数时，this 为全局的 window 因此DOM事件回调函数如果里面需要DOM对象的this，则不推荐使用箭头函数。
2025-01-11 16:50:25
1036
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人