- 博客(15)
- 收藏
- 关注
原创 方法调用写在写在useEffect中还是外部
维度写在 `useEffect` 内部写在外部(普通函数)写在外部(useCallback)作用域隔离,避免命名冲突全局或组件作用域,可能被误用组件作用域,通过闭包隔离依赖管理需手动声明依赖变量无自动依赖跟踪,易出现闭包问题通过 `useCallback` 自动追踪依赖性能无额外开销每次渲染创建新函数,可能触发重复执行依赖变化时更新函数,避免无效执行适用场景简单、无依赖、无需复用的逻辑无依赖的纯工具函数依赖外部变量或需复用的逻辑。
2025-04-29 15:06:52
886
原创 js浏览器事件循环机制
浏览器事件循环(Event Loop)是处理异步任务和事件的机制,它确保JavaScript代码在执行时不会阻塞用户界面的响应。事件循环在JavaScript的单线程环境中至关重要,因为JavaScript是单线程的,意味着它一次只能执行一个任务。
2024-12-25 17:06:40
515
原创 hash路由和history路由区别
hash模式是一种把前端路由的路径用井号拼接在真实url后面的模式。当井号后面的路径发生变化时,浏览器并不会重新发起请求,而是会触发事件。是H5提供的新特性,允许开发者直接更改前端路由,即更新浏览器URL地址而不重新发起请求。
2024-12-08 16:08:03
845
原创 history路由API
当用户通过浏览器的前进或后退按钮导航时,或者通过 JavaScript 调用history.go、history.back、history.forward, 会触发 popstate 事件:window.onpopstate()
2024-12-08 15:46:07
533
原创 微前端-qiankun
借鉴了微服务的概念,将一个放大的巨石应用拆分多个独立灵活的小型应用,每个应用过都可以独立开发、独立运行、独立部署,还可以随意组合,降低耦合度,更灵活。:在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前端是一种非常好的实施渐进式重构的手段和策略。qiankun :产由阿里巴巴,基于single-spa,在它的基础上增加了很多功能。:微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新。:主框架不限制接入应用的技术栈,微应用具备完全自主权。
2024-12-05 23:55:43
2345
原创 华为OD机考-前端-HJ17 坐标移动-JavaScript Node
开发一个坐标计算工具, A表示向左移动,D表示向右移动,W表示向上移动,S表示向下移动。从(0,0)点开始移动,从输入字符串里面读取一些坐标,并将最终输入结果输出到输出文件里面。数据范围:每组输入的字符串长度满足 1≤𝑛≤10000 1≤n≤10000 ,坐标保证满足 −231≤𝑥,𝑦≤231−1 −231≤x,y≤231−1 ,且数字部分仅含正数。合法坐标为A(或者D或者W或者S) + 数字(两位以内)+ A1A = 无效。+ x = 无效。最终坐标,以逗号分隔。
2024-08-31 08:00:00
370
原创 华为OD机考-前端-HJ20 密码验证合格程序-JavaScript Node
3.不能有长度大于2的包含公共元素的子串重复 (注:其他符号不含空格或换行)数据范围:输入的字符串长度满足 1≤𝑛≤100 1≤n≤100。2.包括大小写字母.数字.其它符号,以上四种至少三种。如果符合要求输出:OK,否则输出NG。
2024-08-30 09:00:00
461
原创 华为OD机考-前端-HJ8 合并表记录-JavaScript Node
数据表记录包含表索引index和数值value(int范围的正整数),请对表索引相同的记录进行合并,即将相同索引的数值进行求和运算,输出按照index值升序进行输出。接下来n行每行输入成对的index和value值,以空格隔开。先输入键值对的个数n(1 <= n <= 500)输出合并后的键值对(多行)
2024-08-30 08:00:00
240
原创 华为OD机考-前端-HJ48 从单向链表中删除指定值的节点-JavaScript Node
数据范围:链表长度满足 1≤𝑛≤1000 1≤n≤1000 ,节点中的值满足 0≤𝑣𝑎𝑙≤10000 0≤val≤10000。输入一个单向链表和一个节点的值,从单向链表中删除等于该值的节点,删除后如果链表中无节点则返回空指针。删掉节点3,返回的就是2->5->4->1。最后的链表的顺序为 2 7 3 1 5 4。链表为2->7->3->1->5->4。形成的链表为2->5->3->4->1。链表为2->3->1->5->4。链表为2->3->1->5。4 输入要删除的结点的值。链表为2->3->1。
2024-08-29 16:29:27
344
原创 华为OD机考-前端-查找两个字符串a,b中的最长公共子串-javaScript Node
注:子串的定义:将一个字符串删去前缀和后缀(也可以不删)形成的字符串。请和“子序列”的概念分开!查找两个字符串a,b中的最长公共子串。若有多个,输出在较短串中最先出现的那个。进阶:时间复杂度:O(n3) O(n3) ,空间复杂度:O(n) O(n)数据范围:字符串长度1≤length≤300 1≤length≤300。
2024-08-22 16:44:37
188
原创 华为OD机考-前端-成绩排序-javaScript Node
第一行输入要排序的人的个数n,第二行输入一个整数表示排序的方式,之后n行分别输入他们的名字和成绩,以一个空格隔开。给定一些同学的信息(名字,成绩)序列,请你将他们的信息按照成绩从高到低或从低到高的排列,相同成绩。进阶:时间复杂度:O(nlogn) O(nlogn) ,空间复杂度:O(n) O(n)按照指定方式输出名字和成绩,名字和成绩之间以一个空格隔开。数据范围:人数:1≤n≤200 1≤n≤200。注:0代表从高到低,1代表从低到高。都按先录入排列在前的规则处理。
2024-08-22 16:42:07
274
原创 华为OD机考-前端-明明的随机数-javaScript Node
明明生成了NN个1到500之间的随机整数。请你删去其中重复的数字,即相同的数字只保留一个,把其余相同的数去掉,然后再把这些数从小到大排序,按照排好的顺序输出。第一行先输入随机整数的个数 N。接下来的 N 行每行输入一个整数,代表明明生成的随机数。具体格式可以参考下面的"示例"。数据范围: 1≤n≤1000 1≤n≤1000 ,输入的数字大小满足 1≤val≤500 1≤val≤500。输出多行,表示输入数据处理后的结果。
2024-08-22 16:38:20
234
原创 VUE 面试题
目录前言一、谈一下你对 MVVM 原理的理解二、说一下响应式数据的原理三、vue 是如何检测数组变化四、为何 vue 采用异步渲染五、nextTick 实现原理六、vue 中 computed 的特点七、watch 中的 deep:true 如何实现的八、vue 组件的生命周期1、生命周期:2、掌握每个生命周期内部可以做什么事情3、 ajax 请求放在那个生命周期中九、Vue 中的模板编译原理十、Vue中 v-if 和 v-show区别总结.
2021-07-29 14:39:27
146
1
原创 HTML 面试题
系列文章目录常见面试题链接:css:https://blog.csdn.net/weixin_44922119/article/details/119140704html:js:es6:vue:文章目录系列文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言如果哪里不正确欢迎指出问题,我会积极改正的。一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析
2021-07-29 11:05:07
138
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人