- 博客(10)
- 收藏
- 关注
RSS订阅原创 Nestjs学习笔记
删除src下【app.controller.spec.ts、app.controller.ts、app.service.ts】文件，改写【app.module.ts】文件。新建config文件，包含【config.module.ts】【config.service.ts】文件。新建config文件，包含【config.module.ts】【config.service.ts】文件。例如，在处理HTTP请求时，你可以使用。然后在【app.module.ts】中引入【config.module.ts】
2024-07-30 20:49:50
1274
原创 js迭代器
关键字暂停和恢复执行，从而实现迭代器的功能。每次调用生成器函数都会返回一个生成器对象，通过调用该对象的。用于定义迭代器函数（Generator Function）。在 JavaScript 中，function*方法来控制函数的执行流程，并获取。
2024-07-13 00:07:12
207
原创 浏览器是如何渲染页面的？
当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。整个渲染流程分为多个阶段，分别是： HTML 解析、样式计算、布局、分层、绘制、分块、光栅化、合成。
2024-06-12 15:04:25
533
1原创 前端请求防抖
定义一个防抖列表，在请求拦截中进行判断，如果这个接口中有携带我们定义需要处理防抖的参数，则进行防抖逻辑。对于表单提交等场景，用户手滑可能会出现连续点击多次提交按钮的情况，此时前端需要做下请求防抖。如果只是单纯的切换查询条件，没必要也不能做防抖处理，否则会影响用户体验。clearDebounce方法为手动清除防抖，在特定的场景下自行调用即可。这里以vue3+axios为例。
2024-06-06 15:04:35
384
原创 前端无感刷新token最佳方案
定义一个队列，以及一个消息状态，当第一个请求回来时，返回的是（424）token过期的状态码，则将这个消息状态设为true，后续所有的424请求，都放在这个队列中，同时，执行刷新token操作，当token刷新完成后，根据这个队列的顺序，再依次将请求发出。假如是在某种条件下，一次性调用多个接口。比如页面初始化时一次性向后端调了3个接口，三个接口返回的都是token过期的状态码，就会去调3次刷新token的接口，3次刷新token接口完事后，再去掉3次原来的接口，这一套下来，9次请求出去了，显然不合适。
2024-06-06 14:36:06
399
原创 前端懒加载
在dom渲染中，是没有懒加载的概念，他一定是一次性渲染完成后然后让用户显示，如果页面复杂，div中各种嵌套div循环div等等情况，则会出现较长时间的白屏。资源懒加载的方式有很多，以图片为例，最简单的方式就是在标签中添加loading="lazy"属性。前端懒加载分为资源懒加载和dom懒加载。创建一个hooks文件。
2024-06-06 11:59:39
287
原创 异步请求顺序调用
在使用nodejs编写爬虫脚本时，有时会大量的调用接口，但是不能简单的for循环一次几百上千个接口同时出去，将接口放在一个数组中，让程序按照顺序依次调用。
2024-06-06 10:46:06
363
原创 前端自动化部署
以vue打包的dist文件为例，实际应用场景可以是任何文件。注：如果使用的不是ts，将下文中所有的ts改成js即可。这里服务器地址使用数组的原因是以防需要部署多台服务器。在vue项目的根目录创建deploy.ts文件。在package.json中加入一条指令。通过一条命令就可以将文件提交到服务器中。
2024-06-06 10:21:05
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人