- 博客(8)
- 收藏
- 关注
RSS订阅原创 Nodejs I/O异步和事件循环
1、代码依次执行，打印‘start’，setTimeout为宏任务，放入异步队列，立即执行promiseA，打印’promise executor’，.then为微任务，放入异步队列，向下执行打印’end’，同步执行完成。1、从上至下依次执行，打印‘start’，执行new Promise，打印’promise executor’，resolve()注册.then，放入微任务队列，向下执行打印’end’，同步执行完成。需要等待前面的任务执行完，才能向后执行，这样会造成任务阻塞，体验不友好。
2025-03-04 14:36:17
735
原创 初识异步（setTimeout、回调函数、promise、async/await）
前端开发中经常会使用JavaScript进行异步编程，其主要用于处理用户交互、网络请求等操作。目的是在不阻塞用户界面的情况下执行长时间运行的任务或等待外部资源加载，从而提高用户体验。界面渲染中，代码会从上往下一次执行，若全是同步任务，那么接口请求，文件处理等异步任务则会阻塞页面的加载，若数据过大，阻塞的时间会更长。当把它们区分开后，遇到异步任务则会提出来放到异步队列，等同步执行完后再调用异步队列的任务。
2025-02-25 16:32:58
792
原创 前端实时通信：轮询、WebSocket、SSE长链接
前端常用实时通讯解决方案、及其代码使用，包括短轮询、长轮询、WebSocket、SSE方式特点链接模式轮询频繁调用接口，宽带服务器资源浪费前端调用接口获取webSocket（全双工）客服端和服务端可互传数据服务器可主动向客户端发送数据SSE长链接用于服务端向客服端发送数据（可利用url传递参数）服务器主动向客户端发送数据。
2025-01-14 11:15:27
2392
原创 react-router-dom 管理系统嵌套路由配置
react-router-dom 路由配置 ，版本6 以后弃用了 Switch ，改用Route。
2024-12-25 15:57:01
513
原创 vue2 vue-router 二级路由没显示(router-view销毁了)
配置vue2的路由一级路由显示正常，二、三级路由跳转时router-view组件被销毁了，或者并没有按自己的需求显示。
2024-12-10 09:23:13
1095
原创 前端数字精度丢失原因和解决方案
在项目开发中，一般比较重要的数值计算是交给后端处理，再返还给前端，（例如：订单金额、科学数据）。但在一些项目，前端不得不自己处理数值计算，这是就有可能遇到精度丢失例如：后端返回数字型id ， 9999999999994322924 前端读取到的值 9999999999994323000。
2024-11-29 17:26:00
3003
原创 Vue2 Vue3 组件传参
vue 组件传参方式：props、$emit 父子传参；provide/inject 跨组件传参；$refs、$children、$parent 父子组件直接调用属性方法；vuex、pinia、状态管理器；$bus 事件总线；$attr、$listeners 组件传入的参数，但位被props读取
2024-11-28 17:04:58
768
原创 vue2 源码解析-双向数据绑定原理
1、vue 2 是通过Object.defineProperty()对组件内的data数据进行递归绑定getter和setter，同时通过Dep进行依赖收集管理2、vue2 是（通过Object.defineProperty递归遍历）劫持的属性3、vue3 是（通过proxy代理）劫持的整个data对象。
2024-11-19 16:32:56
1644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人