- 博客(20)
- 收藏
- 关注
RSS订阅原创 实时查询数据异步更新
我们先聊一聊这篇文章的背景吧，昨天有一个面试的老师出了一个场景题：在搜索框里输入内容，每输入一位就向后端发送一次请求（这里可以理解要实时查询），而请求是异步的，每个请求时长不固定，可能会存在输入a时（发送请求），再输入b时发送请求，此时第二次输入框内ab的请求先返回了，第一次a的请求后返回，这就存在一个bug，应当是第二次请求最后返回。问：怎样去解决这个bug。想了想，存储一个数组，先进先出的原则，来跟踪每个请求。后面觉得这样逻辑有点繁琐，提出“优解”：采用async/awit。
2024-07-04 11:07:51
364
原创 常用技点 - 拷贝
谈到拷贝，大家都很了解，甚至有人会回答：深浅拷贝是主要技术点，就这一个知识点，恰好是面试提问的问题之一。下面我们来聊一聊深浅拷贝。复制一份数据到新地址，修改拷贝后的数据不会对原有的数据造成影响。对原始类型来讲，拷贝是的数值；对引用类型来讲，拷贝的是引用地址，虽然拷贝后两份数据在内存中占据不同位置，但是两份数据的属性都指向同一地址。浅拷贝只会复制对象的第一次属性，如果属性内存在嵌套关系，也会对其引用地址复制，而不是值得复制。对此，修改嵌套对象的值，原数据也会收到影响。
2024-07-02 16:04:04
301
原创 前端一大知识点之闭包
由于闭包 有可以保存私有变量的特性，在使用时不会被垃圾回收机制所清理，影响用户使用性能，使用完毕后需要手动清除，避免内存溢出。一个闭包可以访问并操作其函数以外部用域中变量的函数。即外部函数执行完成，只要闭包存在，就可以继续对外部作用域的访问。闭包可以将函数或者私有变量封装在同一作用域下，避免全局作用域的污染，闭包可以实现装饰器，在不修改原有的函数情况下，为其添加额外的功能。闭包可以在函数内创建私有变量，创建的私有变量被保存在内存当中。一个函数可以访问另一个函数中的私有变量的函数称作为闭包。
2024-07-02 11:11:54
169
原创 聊一聊那些年我们用过的this
this作为js中的关键字，是函数中的隐式关键字，代表函数执行上下文时所处的环境。1）.在全局变量里或自调函数中使用时，this指向window（注：非严格模式下）。2）在构造器函数中，this指向new出来实例对象。3）在事件处理函数中，this指向所操作的函数。4）在箭头函数中，由于this不能被绑定，自动捕获箭头函数所处的上下文中。5）在对象的方法中，this指向调用方法的对象。
2024-06-28 14:50:25
179
原创 函数式组件和类组件的区别
随着react hooks的发展，函数式组件变得更加灵活和强大，逐渐成为构建react应用的首选方式，特别是在新开发的组件中。类组件依然有其应用场景，特别是在需要利用特定生命周期方法或与遗留代码交互时。然而，react团队和社区普遍推荐优先考虑使用函数式组件。
2024-06-26 15:22:34
418
原创 useMemo和useCallback大型辩论赛
来一句长长的感叹，众所周知啊，useMemo和useCallback都是用来做缓存的，性能优化的，什么时候使用useMemo，什么时候使用useCallback呢。
2024-06-25 15:42:53
204
原创 promise和setTimeout的执行顺序
考验的还是事件循环，吃透了事件循环的同学会马上晓得，代码自上而下，遇见同步任务执行，遇见异步任务进入任务队列排队，如果有script，那就是宏任务先行，微任务后执行；如若没有，那就是微任务优先于宏任务先执行，setimeout属于宏任务，promise在没有任何内部方法下执行时属于同步任务，里面的内部方法属于异步任务中的微任务。直接上一段手写的promise给大家分享做个了解。
2024-06-25 14:17:19
97
原创 try catch 里的promise报错，catch会捕捉到吗
这里涉及到事件循环机制，任务分为：同步任务和异步任务，异步任务分为宏任务和微任务，大家都比较了解，同步任务先执行，异步任务进入队列排队等待执行，同步任务执行完成后，开始执行异步任务，因为每一个script标签是宏任务，无可厚非，宏任务优先于微任务先执行。会不会捕获到错误呢，答案是会的，因为await是中断执行操作，代码自上而下执行，虽然async是异步的，但是遇到await就要等 promise执行完毕后再继续向下执行。如果是promise的语法错误会捕获，如果是promise里面抛出的错误不会捕获到。
2024-06-25 14:03:26
186
原创 记录用户页面停留时长react
有的时候产品就想记录一下用户在页面停留的时长，或者用户点击一个功能的次数，使用频率，统计用户在平台的观看时长等等。。。（我觉得这个需求在某个情况下很无脑，有些用户打开页面不会主动关掉，其实人家早就不在跟前看你的视频了，你记录人家的时长有什么意思呢？无脑归无脑，人家提需求还不是得乖乖给做掉，就算为了那么一丢丢1%的人）。
2024-04-22 15:23:51
382
1
原创 React实现传说中的父调子
react通信分很多种，比如：父子通信，兄弟通信等等。这里我们就简单说一下父子通信，父子通信分为：父组件调用子组件里面的方法；子组件调用子组件里面的方法。子调父一个porps就可以解决了，这里我们着重说一下父组件调用子组件。
2024-04-18 15:46:46
412
原创 解决react hooks实现防抖节流问题
继昨天写倒计时出现问题后，总觉得自己小知识点还有问题，于是乎，今天早晨来了一股脑，就想写个防抖节流。感觉这个防抖节流蛮重要的。已经很久没有写过了，大家还是动动手吧。下面均拿一个input框的onChange事件为例。
2024-04-18 09:59:43
288
3
原创 解决setInterval+usestate实现倒计时出现闭包问题
今天破天荒得想去写一个倒计时，久久不碰代码得我还是遵循老思想，先把逻辑写一遍，然后按照逻辑一步一步得实现代码，好了，思想对，代码实现起来就错了。
2024-04-16 15:59:05
253
原创 前端笔试之提上结果去就被刷掉了
但是现在看起，我的解题思路并不是那么完美，当把条件换成{"a": {"n1": {"k1": 1, "k2": 1}, "n2": {"k1": 2, "k2": 2}}, "b": {"n1": {"k1": 3, "k2": 3}, "n2": {"k1": 3, "k2": 3}}}发现我这个方法并不通用，被展开的还是只有第二层和第三层，虽然面试官给的题目我解了，但是我想要的通用没有解掉，这个问题呢，我还在研究研究。好了，废话不多说，直接来聊聊今天的面试吧，人事发过来了两道笔试题，我看了看，也会。
2024-04-01 17:09:09
386
原创 如何快速记住HTTP 状态码
首先，我们先要了解一下什么是http code，你不了解它怎么能记住呢。简单说一下什么是http code（简单易懂，我们直接上大白话）：当你访问浏览器时（你可以理解成访问页面时），浏览器向服务器发起请求，服务器响应浏览器请求时返回一个包含http code 的server header(信息头)。http code是由三位十进制的数字组成（如果不懂什么是十进制或者哪些是十进制的数字，直接记0-9算了）。
2024-03-21 10:59:46
370
原创 前端程序员的那点事1
上次聊到产假休完离项的事情了，昨天看了一天的面试题，主要是JS的。起初我觉得，要把JS当成一个帅哥，去了解帅哥的全部是一件很有意思的事情，后来我发现，自己菜的和弱鸡一样，如果先能和帅哥搭上边。在外包的这几年，我给自己总结了一句很完美的话：年轻的我被送进了养老院，生活条件不咋地吧，确实把我当老人养了几年。上班前老公问我：你工作有什么计划吗？比如学习多长时间，每天干什么？我语重心长的回答了一句：我只想认真搞钱。昨天看了一天的面试题，总算和这个帅哥牵上了手，刷题过程中我发现。
2024-03-20 10:27:04
284
原创 休完产假的女程序员
结果，158天的产假，休了大概50天左右的样子，公司传来偏僻的小道消息，部门要大裁员，重新调整，业务线都不一定在了，听到这个消息时，我觉得我们业务线肯定存在的，毕竟是整个部门最赚钱的嘛，可能实行末位淘汰制。事实如此，反正呢，产假期间，业务线解散了，我下线离项了。2023年九月底，开始休产假，距离宝宝出生不到一个星期，当时在阿里云外包任职，业务线一直很赚钱，老板团队也很好，整个团队组建了大概六年了，期间一直很和谐稳定，大家都很认真负责，以用户和产品为导向，积极的研发更完美的产品。经历的了风雨，享受的了沐浴。
2024-03-19 10:49:28
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人