wwy_frontend

一、函数相关 1. 手写 call 2. 手写 apply 3. 手写 bind 4. 手写 new 5. 手写柯里化 curry 二、防抖 & 节流 6. 手写防抖 de...

1. React vs Vue 框架对比 问题： React 和 Vue 在设计思路上有什么本质的区别？ 详细答案： 数据绑定机制： Vue：采用双向数据绑定，通过 v-m...

一. 讲一下浏览器的 Event Loop 机制，宏任务和微任务的执行顺序是怎样的? setTimeout和 Promise 的执行顺序有什么区别? Event Loop ...

一、实现垂直水平居中的5种方案 1. Flex 布局 优点：简洁、语义清晰，现代布局首选。 缺点：IE9- 不支持。 2. Grid 布局 优点：语义非常简洁，一行代码搞定...

1. 居中元素(未知宽高) 方法一：flex 方法二：absolute + transform 方法三：grid布局，place-items 方法四： grid布局，jus...

一、JS 基础 & 数据类型 1. JS 基本数据类型 原始类型（Primitive） ：存储在 栈内存，按值访问。 Number：NaN、Infinity String ...

1. 箭头函数和普通函数的区别 this: 箭头函数不绑定this，从外层词法捕获；普通函数this由调用方式决定 arguments: 箭头函数没有arguments; ...

1.渲染优化 1.1 合理使用useState 扩展说下 React.memo React.memo 是一个高阶组件，他会对 函数组件进行“记忆化处理”。当父组件重新渲染时...

1. 异步更新导致取不到旧值 坑：useState的更新是异步批量处理的，如果直接使用旧值计算新值，可能会出错。 最佳实践：用函数式更新，让React保证基于最新状态计算 ...

先大概说下 React 官方在Hooks出来之后，并没有强推Redux，MobX 这类第三方库，而是建议先使用内置的Hooks组合起来做状态管理。 useReducer :...

初始化 新建项目文件夹 npm初始化一个Typescript项目 创建 package.json、 初始化 TypeScript npx tsc --init 在项目中将 ...

https://zh-hans.react.dev/reference/react * 更新界面 useState 使用Hook：只能在组件（或者其他hook）的顶层 * ...

1.Vue3.0 所采⽤的 Composition Api 与 Vue2.x 使⽤ 的 Options Api 有什么不同？ options API 结构 options ...

1. 简介 构建全栈 Web 应用程序的 React 框架 使用react来构建用户界面 特性 路由：基于文件系统的路由器，构建在服务器组件之上，支持布局、嵌套路由、加载状...

1. Vue 生命周期详解 beforeCreate → created → beforeMount → mounted → beforeUpdate → updated ...

1. 盒模型 浏览器如何计算元素大小和占位方式每个元素都被当作一个矩形的盒子，有 内容（content）、内边距(pedding)、边框(border)、外边距(margi...

1. 说说var、let、const之间的区别 一句话： var 是函数作用域，可以变量提升 let 和 const 是块级作用域，有暂时性死区，不能重复声明 const ...

--- theme: juejin highlight: androidstudio --- # 1. js数据类型和存储差别 - 基本类型 - Number - Stri...

场景细分： 切换到其他浏览器标签页或应用（页面变为不可见，但未关闭）。 最小化浏览器窗口 关闭浏览器标签页或整个浏览器 在当前标签页中导航到新的 URL 在移动设备上切换到...

代码片段 {{currentRiskProducts}} 明明{{currentRiskProducts}}出来的数据都是对的，可是ul下li还是不对。就是:key这里偷懒...