送你颗糖呀

1.扁平数据结构转树 2.爬楼梯 3.Promise的简单使用（间隔n秒后输出） 4.函数被调用无数次，只执行n次 5.手写filter函数 6.求数组的最值和第二大的值 7.数组去重的5种方法

HTML相关 1.什么是DOCTYPE，有何作用？ DOCTYPE是浏览器的文档类型声明，它告诉浏览器使用什么HTML的版本去解析HTML，如果没有使用，那么浏览器会使用怪异模式（混杂模式）去解析CS

性能优化 在谈性能优化的时候，首先要知道项目出现了什么问题，有什么样的解决方法。性能优化可以分为以下几个方面。 一 减少打包文件的体积 Tree Shaking：使用Tree Shaking的方式引入

网络相关 1.UDP与TCP的区别 UDP：用户数据报协议 他的特点就是速度快，无需建立连接，没有连接状态，并且首部字段的开销小。 速度快：没有三次握手，拥塞控制等额外的开销。一有数据就会直接发送。

前端工程化 1.vite为什么比webpack快（vite和webpack的区别） bundle和bundleless：在webpacket进行打包时会先从入口文件entry去收集所有文件的依赖关系然

Vue 相关 1.Vue响应式原理和双向数据绑定 Vue的响应式就是数据驱动视图，非常的优雅。在Vue2中是通过defineProperty实现的，在Vue3中通过proxy（处理数组和增加响应式属性

浏览器相关 1.浏览器渲染原理 首先，浏览器的网络进程通过http请求html，之后网络进程通过消息队列将数据传给渲染进程，之后渲染进程通过GUI渲染线程进行页面的渲染。页面的渲染主要有Dom树的构建

js相关 1.事件循环 js是单线程的，代码会从上到下依次执行，那么如果在遇到耗时比较大的任务时就会阻塞下面代码的执行，所以将js中的任务分为同步任务和异步任务。同步任务会立即执行，而异步任务会放到浏

CSS相关 1.显示/隐藏元素的几种方法 display: none（元素隐藏）display: block（元素显示）。 visbility: hidden（元素隐藏）visbility:visib