小猫咪的憨憨

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演...

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊...

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 ...

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情 问题 对于中间件的词middleware的概念并不陌生，相对于 Express...

面试没有项目说，想拿低代码来吹吹牛？但是又不知道具体细节怎么实现，那就赶紧看过来吧，轻松拿捏面试官。...

本文对React的核心原理进行分析, 包括JSX、Diffing、Fiber、Time Slice等, 并且对React原理的学习方法进行了总结和建议....

bind 一句话介绍 bind: 由此我们可以首先得出 bind 函数的两个特点： 返回一个函数 可以传入参数 返回函数的模拟实现 从第一个特点开始，我们举个例子： 关于指...

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、A...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态， actions，响应在 view 上的用户输入导致的状态变化。 ...

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-ro...

面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？ 让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服...

背景 页面上需要使用antd mobile FloatingBubble组件，但是莫名其妙的在页面上消失了，诡异的是FloatingBubble组件所在Component当...

背景 需要针对列表做指定滚动功能，比如通过链接上携带参数进行商品定位，列表数据通过请求后端获取，原始处理方法是使用 hmtl scrollIntoView API实现，结果...

最近接了一个需求，产品让在页面上加一个按钮，我（不假思索）：“好的！简单！”。 设计：“好的，按钮样式如下：” 我：“？”...

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超...

1.浏览器渲染 为了更好的理解 React Fiber, 我们先简单了解下渲染器进程的内部工作原理。 1.1 渲染帧 帧 (frame): 动画过程中，每一幅静止的画面叫做...

在前端开发中，我们常常需要进行日志监控和错误排查，以便快速定位并解决问题。为了实现日志监控，我们需要搭建一个上报SDK，将前端产生的日志信息上报至后端。本文将介绍如何搭建前...