- 博客(11)
- 收藏
- 关注
RSS订阅原创 React函数式组件的hooks
a.当需要将一个函数传递给子组件时，最好使用useCallback进行优化，将优化之后的函数传递给子组件，例如下面案例中，将changeMsg使用useCallback包裹之后，触发changeMsg事件被触发时，Demo子组件不会重新渲染。函数式组件为了拥有和class相似的生命周期及其他功能，出现了hooks，目前的hooks还是有挺多的，以下介绍一下常用的hooks。a.在某些场景下，如果state的处理逻辑比较复杂，我们可以通过useReducer来对他进行拆分。3.useRef 获取元素。
2025-03-12 19:20:13
200
原创 vue2中请求应该在哪个生命周期发起
如果请求数据不需要考虑父子关系，那么在哪一个生命周期执行都是可以的，由于请求是异步函数会在同步函数的后面执行，所以在上面四个任何一个生命周期请求之后再对DOM元素进行处理，也是可以获取到DOM元素的。.如果请求方法单独封装之后放在methods中的，则不可以在beforCreate中进行this.方法名（）的方式调用，此时this指向不正确，会报错。如果父组件子组件对数据有顺序的要求，则可以根据加载父子生命周期加载顺序来合理安排放在哪个生命周期里。
2024-08-20 17:22:13
311
原创 flex布局（阮一峰老师的）
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
2024-06-26 10:39:56
4733
原创 node的版本管理工具nvm
如果希望切换node的版本,有两个工具,nvm和n但是这两个都不支持windows系统。(打不开或者下不了的小伙伴可以留言找我要安装包)使用nvm use切换不了node版本。展示目前安装的所有node。nvm use "版本号"好了,成功切换node版本。安装最新版本的node。
2024-06-20 16:09:33
219
原创 vue2+swiper实现轮播滚动,一直显示4个轮播项,一次只滚动一个轮播项
同时还有一些功能:鼠标移动到轮播部分停止滚动,鼠标移开之后继续滚动,点击其中一个的查看详情,也要停止滚动,关闭弹框之后开启滚动。由于我这个项目中需要定时更新数据,所以还需要收到新数据时清理掉原来的数据,显示新数据.
2024-06-14 14:03:35
1078
转载 React的diff算法
React在界面刷新（setState）时，并不会马上对所有的DOM节点进行操作，而是先通过diff算法计算后，再对有变化的DOM节点进行操作（native是对原生UI层进行操作），刷新步骤如下：1. state 变化，生成新的 Virtual Dom2. 比较 Virtual Dom 与之前 Virtual Dom 的异同3. 生成差异对象4. 遍历差异对象并更新真实 DOM一、Virtual Dom 概述对 DOM 的操作很耗时，使用 JS 对象来模拟 DOM Tree，在渲染更新
2022-03-23 10:09:08
463
转载 前端基础知识-http状态码(转载)
HTTP状态码分类HTTP 状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP 状态码共分为以下 5 种类型：类别 原因语句1xx Information（信息状态码） 接受的请求正在处理2xx Success（成功状态码） 请求正常处理完毕3xx Redirection（重定向状态码） 需要进行附加操作以完成请求4xx Client Error（客户端错误状态码） 服务器无法处理请求5xx...
2022-03-23 09:21:16
515
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人