送你颗糖呀

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

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

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

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

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

前端工程化 1.vite为什么比webpack快（vite和webpack的区别） bundle和bundleless：在webpacket进行打包时会先从入口文件entr...

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

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

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

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

近期在项目中遇到一个性能优化的问题，Vue所构建的项目首页渲染的时间长达6到7s，这是不能接收的，对此进行了一系列的性能优化将首屏的渲染时间缩短到2到3s。其性能优化方式都...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 🥝 一、首先为什么会有这样的问题 localStorage 是 Web Storage API 的一部分，...

计算机网络将网络共分为五层：物理层，数据链路层，网络层，运输层以及应用层。TCP和UDP是运输层上两个重要的协议。许多应用层上的协议都是依赖这两个协议，因此弄明白TCP和U...

Webpack本身的功能是有限的，在开发模式下，仅能编译Es Module语法，在生产模式下，能编译Es Module语法以及对代码进行压缩。...

1. 什么是深拷贝、浅拷贝。 2. 赋值操作符与深拷贝及浅拷贝的区别。 3. 如何优雅的实现深拷贝及浅拷贝。...

我们在使用Canvas进行绘图时，经常会出现绘制的文字或者图片比较模糊，下面让我们看一下其产生的原因以及如何解决这个问题。...

我们经常会使用到 ref 和 reactive，那么他们在底层的实现上有什么区别和联系呢？在说这个问题之前，让我们先看一下 ref 和 reactive 的对比。...