自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 彻底整懂了JavaScript中的Promise、async和await

Promise是异步编程的一种解决方案,它是一个对象,可以获取异步操作的消息,他的出现大大改善了异步编程的困境,避免了地狱回调,它比传统的解决方案回调函数和事件更合理和更强大所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的 API,各种异步操作都可以用同样的方法进行处理Promise的实例有三个状态Pending(进行中)Resolved(已完成)

2024-07-03 21:34:05 1050

原创 带你轻松掌握动态规划问题精髓

动态规划(Dynamic Programming)是一种解决复杂问题的方法,通过将问题分解成更小的子问题来求解,然后将子问题的解合并起来得到原问题的解。动态规划通常用于优化问题,可以在不重复计算相同子问题的情况下高效地解决问题动态规划最关键的就是找出状态转移方程,即相同问题在不同规模下的关系寻找状态转移方程的一般性步骤找到相同问题(重叠子问题)相同问题必须能适配不同规模找到重叠子问题之间的关系找到重叠子问题特殊解下面通过斐波那契数列进一步了解动态规划。

2024-07-03 21:31:40 831

原创 React 遇到 TS 必须掌握的Hook类型定义

TS 类型写得好可以提高代码质量,减少错误,增强代码的可维护性和可读性,从而提升整个项目的开发效率和稳定性以上就是常见 Hook 的类型定义,如果有遗漏的欢迎大家评论留言,另外交给大家一个检验TS类型定义是否标准的一个方法,鼠标放在变量上看显示的类型是否跟数据的类型一致,而不是any。

2024-05-28 10:49:02 1521 1

原创 手把手教你实现 React 渲染框架

React18渲染jsx语法实现过程,首先使用Babel转换成函数,再通过开启渲染流程,采用分段渲染的模式,等待浏览器空闲时才做渲染,Render 阶段生成Fiber Tree树形结构,Commit 阶段渲染 DOM,这两个阶段都有Reconciliation(协调)的参与,尽可能地复用已有的DOM节点,提升渲染性能。

2024-05-21 09:44:23 233

原创 Vue转React 3分钟学会useState

react中使用useState创建状态变量,返回值是个数组分别是变量和更新函数,更新时要遵循immutable 编程规范使用更新函数修改数据,新手推荐看一下useImmer以上就是对useState。

2024-05-14 09:49:11 386 1

原创 先别着急封装组件,带你了解封装组件的一些思考

比如这种常见的卡片,在首页和详情页或者其他页面都需要展示,这个时候就要考虑封装成一个通用的组件,来提高代码的复用性和可维护性。先理一下这个结构,首先内容区相同,不同的是底部的按钮,在不同的页面显示不同的按钮,那么用什么方式去实现底部的功能呢?这个正是我们今天讨论的话题

2024-05-07 10:03:59 768

原创 Vue3 几种组件间通信方法

总结了一下Vue3中经常用到的组件间通信方式,父子关系,爷孙关系等

2024-04-25 11:55:30 899 3

原创 Vue响应式原理

vue2 vue3 响应式原理总结

2024-01-05 22:41:22 357

原创 console.log()踩坑

console.log()相信很多前端的小伙伴在工作中会经常用到,前两天我突然发现存在输出的值与实际的值不符的情况,下面看一下代码代码很简单,预想console.log()输出的结果应该是空数组,结果输出的是数组['11'],我当时突然蒙了,用了那么长时间了现在才发现这个问题后来查了一下文档才发现看了文档我才恍然大悟,原来还有这种说法,以前看了一遍文档真是记不住,还是带着问题看文档印象深刻。文档链接:console:log() 静态方法 - Web API 接口参考 | MDN

2023-12-24 10:12:35 404 1

原创 vue中$nextTick应用场景

点击按钮(permissionSet)同时显示抽屉和获取绑定在el-tree组件上的ref,渲染默认选中的数据。这种写法是拿不到绑定的ref,因为vue在是等待整个事件结束后渲染DOM,无法正常渲染数据。更新循环结束之后执行延迟回调,在修改数据之后立即使用这个方法,能够获取更新后的。使用$nextTick方法,等待渲染完成后获取ref,再次渲染数据。更新循环之后执行,也就是在下次。简单来说就是当数据更新时,在。中渲染完成后,执行回调函数。方法将回调延迟到下次。

2023-09-10 20:44:10 202 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除