个人前端的一些资源整理

news/2024/7/10 0:28:54 标签: 前端, javascript, vue, react

1、关于CSRF和XSS的介绍 :https://www.cnblogs.com/itsuibi/p/10752868.html

2、关于tree-shaking:https://www.cnblogs.com/sexintercourse/p/11901425.html

3、最长回文子串:

4、大数相加:

5、axios怎么终止请求:https://www.cnblogs.com/the-last/p/12024807.html

6、为什么React的hooks不能写在循环或者条件判断语句里?

为了让我们的 Hooks 在每次渲染的时候都会按照 相同的顺序 调用,因为这里有一个跟关键的问题,那就是 useState 需要依赖参照第一次渲染的调用顺序来匹配对于的state,否则 useState 会无法正确返回它对于的state。

7、useMemo、useCallback使用场景:https://blog.csdn.net/baidu_39067385/article/details/111412255

useMemo和useCallback都可以用来缓存值,区别就是,useMemo返回的是值,useCallback返回的是函数

useCallback的场景是:父组件更新情况下子组件也会更新,但大多数情况下并不需要,可以使用                                        useCallback完成

8、useEffect、useLayoutEffect区别:

https://pengfeixc.com/blog/605af93600f1525af762a725

区别是:useEffect是异步执行的,而useLayoutEffect是同步执行的

useEffect的执行步骤:

1、触发组件重新渲染

2、组件函数执行

3、组件渲染后呈现到屏幕上

4、useEffect hook执行

useLayoutEffect的执行步骤:

1、触发组件重新渲染(通过改变组件state或者组件的父组件重新渲染,导致子节点渲染)

2、组件函数执行

3、useLayoutEffect hook执行,React等待useLayoutEffect的函数执行完毕

4、组件渲染后呈现到屏幕上

useLayoutEffect必须使用的时候:是屏幕可能会产生闪烁的情况

9、手写promise:(自己手写完成一遍)

10、redux的三个原则、如何写一个中间件:
原则:单一数据源、State是只读的、使用纯函数来执行修改

https://www.jianshu.com/p/dbe65d95c77b

11、dva和redux的区别是什么:https://blog.csdn.net/CWH0908/article/details/118249011

12、如何理解fiber:https://segmentfault.com/a/1190000037657657

13、fiber节点对象的一些属性都有哪些:

需要自己解决

14、react diff算法:https://zhuanlan.zhihu.com/p/103187276

***********

15、一个下拉框 200条数据 怎么优化 (默认展示10条):

https://blog.csdn.net/weixin_45093753/article/details/118762653

个人的思路是刚点击下拉调用函数,截取并显示获取20条,然后在滑动滚动条的时候再调用一下函数的,获取后面的数据

16、60个请求(限制最多同时请求6个)请求并行方案:

17、react class 组件constructor 中的super的作用:https://www.jianshu.com/p/e91e885b9180

18、pureComponent和Compoent什么区别:

https://blog.csdn.net/leelxp/article/details/108218088

19、react组件名称为什么要大写:

https://juejin.cn/post/6844904077755695118

20、箭头函数和普通function的区别:

https://www.cnblogs.com/biubiuxixiya/p/8610594.html

21、react class和hooks区别:

https://www.jianshu.com/p/e22f941c1439

22、HOC使用场景、自定义hooks使用情况:https://www.jianshu.com/p/58c04356e433

23、数组遍历方法 哪个快:

https://blog.csdn.net/kongjiea/article/details/78891166

for > for-of > forEach > filter > map > for-in

for ~= do while < forEach ~= map ~= every < $.each < $(e).each < for in  

24、深拷贝实现、和浅拷贝的区别:

25、react生命周期 为什么新增了两个静态的 目的是什么

https://www.cnblogs.com/MDGE/p/14310859.html

26、css flex

27、Object.keys() 和 for in 区别:https://www.cnblogs.com/yuzhongyu/p/10831561.html

28、实现sleep函数 实现sleep(1000)延迟执行

29、vw、vh、rem、em:

30、link标签prefetch、preload作用:https://www.cnblogs.com/xiaohuochai/p/9183874.html

31、script标签async、defer作用、区别:https://www.cnblogs.com/jiasm/p/7683930.html

32、e.target 和 e.currentTarget区别:https://www.cnblogs.com/d-12315/p/5652582.html

33、0.1 + 0.2 !== 0.3 解决办法:https://blog.csdn.net/miaomiao_1024/article/details/103170160

34、typeof String(1) 和type new String(1) 返回值:

string  object

35、检测数据类型方法有哪些:

36、跨域方法 CORS怎么携带cookie 。 cookie的samesite作用https://blog.csdn.net/hilaryfrank/article/details/112200461

37、http头部字段都有哪些

38、对cdn的理解

39、自定义hooks使用

40、Object和Map的区别:https://blog.csdn.net/ckwang6/article/details/89215396

41、Map和WeakMap 的区别:https://blog.csdn.net/weixin_42458965/article/details/109258470

42、进程和线程的区别:https://www.cnblogs.com/ypppt/p/13323597.html

43、线程、进程通信方式:https://blog.csdn.net/zuochao_2013/article/details/82770662

44、使用webWorker是新开了个进程还是线程:https://www.jianshu.com/p/3090eae158b7

45、深拷贝实现、和浅拷贝的区别:https://juejin.cn/post/6844903929705136141

46、多维数组降纬:https://www.cnblogs.com/yalong/p/10615194.html

47、快速排序:https://blog.csdn.net/weixin_39006917/article/details/110522576

48、promise先catch再then 在catch里返回内容then里回调函数能不能接受到:能接受到

javascript">   const p1 = new Promise((resolve, reject) => {
           setTimeout(() => resolve('成功'), 3000)
         })
     
         const p2 = new Promise((resolve, reject) => {
           setTimeout(() => reject(new Error('失败了')), 3000)
         })
     
         p1.then(function (post) {
           return p2
         })
           .then((resolve) => {
             //这里的代码不会执行
             console.log('p2 reject 第二个then执行了')
             return `第二个then的返回值`   
           })
           .catch((e) => {
             console.log(e, '=====first error')
           })
           .then((resolve) => {
             console.log('第三个then执行了,接收到的返回值为:', resolve)
           })
           .catch((e) => console.log(e, '=====error'))

50、浏览器event loop的解析: https://segmentfault.com/a/1190000012925872


http://www.niftyadmin.cn/n/510856.html

相关文章

LOJ#503. 「LibreOJ β Round」ZQC 的课堂(容斥+FHQTreap)

题面 传送门 题解 首先\(x\)和\(y\)两维互相独立&#xff0c;可以分开考虑&#xff0c;我们以\(x\)为例 我们把\(x\)做个前缀和&#xff0c;那么就是问有多少\(i\)满足\(s_is_{i-1}<0\)&#xff0c;其中\(s_01\)。这个条件等价于\(\max(s_i,s_{i-1})>0\)且\(\min(s_i,s_{…

用海伦公式计算三角形的面积 python_java程序设计1-2之用海伦公式计算三角形的面积...

与《java程序设计1-2之用海伦公式计算三角形的面积》相关的范文三角形面积公式 三角形面积公式 1. 已知三角形底a ,高h ,则 S &#xff1d;ah/2 2. 已知三角形三边a,b,c ,则 (海伦公式)(p(abc)/2) Ssqrt[p(p-a)(p-b)(p-c)] sqrt[(1/2)(abc)(ab-c)(ac-b)(bc-a)] √2/2sqrt[(abc)…

自己写一个简单的promise

参考了一些别人的博客&#xff0c;自己进行理解&#xff0c;自己做下记录&#xff1a; 这个是其一&#xff1a; class Mypromise {callbacks []state pendingvalue nullconstructor(fn) {fn(this._resolve.bind(this), this._reject.bind(this))}then(onFulfilled, onReje…

树转化为二叉树_二叉树:搜索树的最小绝对差

❝利用二叉搜索树的特性搞起&#xff01;❞530.二叉搜索树的最小绝对差给你一棵所有节点为非负值的二叉搜索树&#xff0c;请你计算树中任意两节点的差的绝对值的最小值。示例&#xff1a;提示&#xff1a;树中至少有 2 个节点。思路题目中要求在二叉搜索树上任意两节点的差的绝…

软件测试2019:第七次作业—— 用户体验测试

1、『 智慧校园移动APP “ 今日校园”』 在用户体验设计方面让你觉得满意的地方 今日校园APP可以实现校园卡的在线充值&#xff0c;不需要我们到指定的机器上面去充值&#xff1b; 今日校园APP有专门的学习专区&#xff0c;可以让不同的用户体验&#xff1b; 在刚下载完成之后&…

Javascript中的class

为什么要写这个&#xff1f; 自己经常会看一些书籍和博客&#xff0c;但是人的大脑会遗忘&#xff0c;基本就是看了不用就会忘记&#xff0c;看的时候看得明明白白&#xff0c;用起来的时候&#xff0c;忘得差不多了&#xff0c;所以以后都会记录一下自己看过的一些知识&#…

远程登录

复制公钥到Linux&#xff1a; 关闭SELinux&#xff1a; 重启 重新登录设置&#xff1a; 转载于:https://www.cnblogs.com/King-boy/p/10892587.html

python实现微信自动加群_为Python开发人员提供实时代码片段,Kite获1700万美元A轮融资...

【猎云网(微信号&#xff1a;)】1月29日报道(编译&#xff1a;孙家乐)Kite是一款为Python开发人员提供实时代码片段的工具&#xff0c;它在由Trinity Ventures领投的A轮融资中获得了1700万美元。最新版本的免费开发者工具不再依赖于云端&#xff0c;这意味着它可以在本地运行&a…