小于 1 分钟
如何判断一个元素是否在可视区域中？
一、用途
可视区域即我们浏览网页的设备肉眼可见的区域，如下图
大约 5 分钟
小于 1 分钟
如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?
一、是什么
在我们做数据查询的时候，如果数据量很大，比如几万条数据，放在一个页面显示的话显然不友好，这时候就需要采用分页显示的形式，如每次只显示 10 条数据
大约 3 分钟
小于 1 分钟
说说微信小程序的生命周期函数有哪些？
一、是什么
跟vue、react框架一样，微信小程序框架也存在生命周期，实质也是一堆会在特定时期执行的函数
大约 5 分钟
说说你对代理模式的理解？应用场景？
一、是什么
代理模式（Proxy Pattern）是为一个对象提供一个代用品或占位符，以便控制对它的访问
代理模式的关键是，当客户不方便直接访问一个对象或者不满足需要时，提供一个替身对象来控制这个对象的访问，客户实际上访问的是替身对象
大约 5 分钟
小于 1 分钟
小于 1 分钟
你是怎么理解 ES6 新增 Set、Map 两种数据结构的？
如果要用一句来描述，我们可以说
Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构
大约 7 分钟
Node 性能如何进行监控以及优化？
一、 是什么
Node作为一门服务端语言，性能方面尤为重要，其衡量指标一般有如下：
- CPU
- 内存
- I/O
- 网络
大约 5 分钟
- React 事件绑定的方式有哪些？区别？
- 说说对 React 的理解？有哪些特性？
- [ 说说 Real DOM 和 Virtual DOM 的区别？优缺点？](https://www.h7ml.cn/posts/interview/React/Real_DOM_Virtual DOM)
- 说说对 Redux 中间件的理解？常用的中间件有哪些？实现原理？
- 说说 React diff 的原理是什么？
- 你在 React 项目中是如何使用 Redux 的? 项目结构是如何划分的？
- 说说 react 中引入 css 的方式有哪几种？区别？
- React 中的 key 有什么作用？
- 说说 React 生命周期有哪些不同阶段？每个阶段对应的方法是？
- 说说 React 服务端渲染怎么做？原理是什么？
小于 1 分钟
大约 6 分钟
小于 1 分钟
说说你对 TypeScript 中高级类型的理解？有哪些？
一、是什么
除了string、number、boolean 这种基础类型外，在 typescript 类型声明中还存在一些高级的类型应用
大约 4 分钟
小于 1 分钟
与 webpack 类似的工具还有哪些？区别？
一、模块化工具
模块化是一种处理复杂系统分解为更好的可管理模块的方式
可以用来分割，组织和打包应用。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体(bundle)
大约 6 分钟
浏览器
使用屏幕断点
import { useBreakpoints } from '@vueuse/core';
/**
* 浏览器屏幕断点
*/
export const handleBreakpoints = () => {
const breakpoints = useBreakpoints({
xs: 0,
sm: 768,
md: 992,
lg: 1200,
xl: 1920,
xxl: 2560,
});
const xs = breakpoints.between('xs', 'sm');
const sm = breakpoints.between('sm', 'md');
const md = breakpoints.between('md', 'lg');
const lg = breakpoints.between('lg', 'xl');
const xl = breakpoints.between('xl', 'xxl');
return { xs, sm, md, lg, xl };
};
大约 4 分钟
说说 Real DOM 和 Virtual DOM 的区别？优缺点？
一、是什么
Real DOM，真实 DOM，意思为文档对象模型，是一个结构化文本的抽象，在页面渲染出的每一个结点都是一个真实 DOM 结构，如下：
大约 4 分钟
说说你对微信小程序的理解？优缺点？
一、是什么
2017 年，微信正式推出了小程序，允许外部开发者在微信内部运行自己的代码，开展业务
截至目前，小程序已经成为国内前端的一个重要业务，跟 Web 和手机 App 有着同等的重要性
大约 3 分钟
...