小猫咪的憨憨

定位性能优化或优化时就需要熟悉该 Performance 性能面板的使用与分析，今天就要分享下 Performance 面板大致信息...

实现一个简单的 Vue3 前言 最近自己写了一个简易版的 Vue3 玩一玩，当然啦，里面没有 patch 和编译的部分（因为能力有限）😂，所以像分享一下自己在这个过程中学...

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行...

背景 在项目中，我们用到了Taro3进行跨端开发，在这里分享下Taro3的一些跨端跨框架原理，也是希望能帮助自己更好的去理解Taro背后的事情，也能加速定位问题。此文章也是...

为什么需要webpack？随着现代前端项目的不断发展，有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法。模块化：可以...

引言 在现代Web开发中，与服务器进行异步通信是常见的需求。然而，当需要同时发送多个请求时，如果不加以控制，可能会导致服务器负载过高，影响应用性能。本文将介绍如何使用Pro...

题目 假设有这么一个场景：现在有20个异步请求需要发送，但是由于HTTP客户端一般对同一个服务器的并发连接个数都是有限制的，比如chrome浏览器同一时刻最大并发数是6。 ...

App产品在运营推广上有一个需求，就是要求可以让用户在访问我们的推广网页时，就可以判断出这个用户手机上是否安装了我们的App，如果安装了则可以直接在网页上打开，否则就引导用...

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。...

无状态 & 无副作用 a. 无状态 - 数据不可变 --- 不可操作改变数据源 b. 无副作用 - 函数内部不可对系统任何参数/变量进行改动 函数柯里化...

性能优化进阶 Navigation Timing API Core Web Vitals - 网页核心的性能指标 Largest Contentful Paint (LCP...

浏览器相关 BOM 1.location 2.history 3.navigator 浏览器系统信息大全 4.screen 事件模型 冒泡/捕获 1.如何阻止事件传播 ev...

需求 H5页面是多个商品列表循环遍历生成，需要根据链接传参定位到指定商品 方案 使用 Element.scrollIntoView() 补充 上述方式可以实现滚动，但大概率...

方式一 简单快捷，但测试发现设置的fileName无效（我是在Chrome浏览器114版本上测试），无论设置中文还是英文最终都是文件保存时本身的名称，为了解决文件名命名的问...

比较两个版本号, v1大于等于v2，返回-1，否则返回1 版本号数组排序；对一个版本号数组进行排序处理...

目标 script两个变量参数 async&defer defer属性：异步加载，不阻塞主线程执行，DOMContentLoaded之前执行，多个defer会按顺序执行 a...

我们都有过这样的需求：将tree扁平化，或者把扁平化的数组转换成一棵树。可能是在后端返回的数据处理，也可能是传给后端的数据处理（不会有人都交给后端处理吧，毕竟我是被打怕了）...

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 招聘季节一般都在金三银四，或者金九银十。最近在这五六月份，陆陆续续面试了十几个高...

什么是异步 浏览器原理（五大线程） GUI渲染线程 解析HTML｜CSS 构建DOM树｜CSSOM渲染树 => 布局 => 绘制 与js引擎是互斥的，执行js引擎时，GUI...

关于 Promise 原理解析的优秀文章，在掘金上已经有非常多了。但是笔者总是处在 看了就会，一写就废 的状态，这是笔者写这篇文章的目的，为了理一下 Promise 的编写...