在 JavaScript 中,任务可分为同步任务和异步任务,而异步任务又可分为宏任务和微任务: 宏任务: 指主线程上排队执行的任务,例如setTimeout、setInter...
在 JavaScript 中,任务可分为同步任务和异步任务,而异步任务又可分为宏任务和微任务: 宏任务: 指主线程上排队执行的任务,例如setTimeout、setInter...
query参数 1.传递参数 2.接收参数: params参数 1.传递参数 2.接收参数: 备注1:传递params参数时,若使用to的对象写法,必须使用name配置项,不...
作用:监视数据的变化(和Vue2中的watch作用一致) 特点:Vue3中的watch只能监视以下四种数据: ref定义的数据。reactive定义的数据。函数返回一个值(g...
useState-自动推导 通常React会根据传入useState的默认值来自动推导类型,不需要显式标注类型 说明: value: 类型为boolean toggle: 参...
useReducer 作用:它在每次重新渲染的时候能够缓存计算的结果 分派action传参 做法:分派action时如果想要传递参数,需要在action对象中添加一个payl...
一、(http请求)关键渲染路径优化 @1 尽可能使用HTTP2.0 @2 开启TCP通道的长连接 Connection:keep-alive @3 开启服务器端的GZIP压...
什么是前端路由 一个路径 path 对应一个组件 component 当我们在浏览器中访问一个 path 的时候,path 对应的组件会在页面中进行渲染 创建路由开发环境 安...
Redux与React - 实现counter 1. 整体路径熟悉 2. 使用React Toolkit 创建 counterStore 设计好的方法 在store中引入 3...
Redux Redux 是React最常用的集中状态管理工具,类似于Vue中的Pinia(Vuex),可以独立于框架运行作用:通过集中管理的方式管理应用的状态为什么要使用Re...
自定义Hook实现 自定义Hook是以 use打头的函数,通过自定义Hook函数可以用来实现逻辑的封装和复用 封装自定义hook通用思路 声明一个以use打头的函数 在函数体...
useEffect useEffect是一个React Hook函数,用于在React组件中创建不是由事件引起而是由渲染本身引起的操作(副作用), 比 如发送AJAX请求,更...
父传子 实现步骤 父组件传递数据 - 在子组件标签上绑定属性 子组件接收数据 - 子组件通过props参数接收数据 props说明 props可以传递任意的合法数据,比如数字...
v-model是Vue.js框架中的一个指令,用于实现表单元素和数据的双向绑定。它的原理是通过使用不同的输入事件(如input、change等)监听表单元素的变化,并将变化的...
当用户在浏览器中输入URL并按下回车键后,以下是一个页面从输入URL到加载显示完成的过程中所发生的主要步骤: 1DNS解析 1.DNS解析:浏览器首先会解析URL中的域名部分...
cookie 和 session 的区别 Cookie 和 session 都可用来存储用户信息,cookie 存放于客户端,session 存放于服务器端,因为 cooki...
1. Object.defineProperty => Proxy() Vue2.x data中的属性做了遍历 + 递归, 给每一个属性设置getter, setterdat...
defineProps与Typescript 1.defineProps配合vue默认语法进行类型校验(运行时声明) 2.defineProps配合ts的泛型定义props类...
泛型的概念 泛型是可以在保证类型安全前提下,让函数等与多种类型一起工作,从而实现复用,常用于:函数、接口、class 中 泛型函数 定义泛型函数 语法:在函数名称的后面添加 ...
元组类型 场景:在地图中,使用经纬度坐标来标记位置信息可以使用数组来记录坐标,那么,该数组中只有两个元素,并且这两个元素都是数值类型 使用 number[] 的缺点:不严谨,...