突然有点事先走了

假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？...

【脚手架】从0到1搭建React18+TS4.x+Webpack5项目，主技术栈：webpack5 + React18 + TS4.x + React-Router6.x...

这篇文章是以打包react插件的形式，介绍webpack的一些配置信息。如果写简单插件的话还是推荐使用rollup，但是可以用写插件的形式去学习一下webpack的一些东西...

前端开发工作者几乎天天与浏览器打交道，熟悉浏览器，能让我们的技术提升，有着质的飞越，对于浏览器运行机制，性能优化等方面，都有所帮助。...

在了解浏览器的渲染机制前，我们来看看一个非常重要的浏览器内核知识。 浏览器内核 浏览器内核也可以称为渲染进程，核心的部分是“渲染引擎”，主要包括以下线程： 1. GUI渲染...

b 站视频播放的是很快的，基本是点哪就播放到哪。 而且如果你上次看到某个位置，下次会从那个位置继续播放。 那么问题来了：如果一个很大的视频，下载下来需要很久，怎么做到点哪个...

在JavaScript中，纯函数是指在相同的输入下，始终产生相同的输出，并且没有副作用的函数。纯函数不会修改或依赖于函数之外的状态，也不会对外部环境产生任何可观察的影响。 ...

这是一篇中级前端必须要掌握的 setTimeout、setInterval、requestAnimationFrame知识点。...

前言 react-router 更新到v6版本应该有好一段时间了，但是v6自己也没真正去实践过，用过v5版本的都知道如果配置路由守卫、拦截等或者像vue那样的路由数组的话是...

关于在vue-spa中使用NProgress来显示在页面顶部的进度条笔记。 Slim progress bars for Ajax'y applications. Insp...

浏览器端JavaScript是以单线程的方式执行的，也就是说JavaScript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲...

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnim...

我在简历上写了精通 H5，结果面试官上来就问： 同学，你说你精通 H5 ，那你能不能说一下怎么实现 H5 秒开？...

本文主要围绕JS引擎相关知识，来深入了解底层运行逻辑，这对于日常开发维护高性能Javascript代码以及排查代码性能问题有着很好的帮助。关于JS引擎底层的垃圾回收机制，后...

这里主要是针对于工作流场景的流程图绘制及实现方式。下面是效果图： 整体结构布局： 需要实现的功能列表： 节点与连接线的可配置 节点的拖拽与渲染及连接线的绘制 节点与连接线的...

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话...

在现在的前端面试环节中，第二名和最后一名其实没有区别，因为他们只要第一名。所以在每一个问题上都回答到100分就变得非常重要了！...

前言 前几天一个朋友去义务旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊😭😭😭），为此我萌生了一个想法，3...

四月中旬公司裁员，我所在的项目组卡一下全部没了。来公司两年多，期间经历过多次调整，嘴上说已经说了不知道多少次要被裁员了。但是真到自己身上的时候还是有点难受....

在经过初始化阶段之后，即将开始组件的挂载，不过在挂载之前很有必要提一下虚拟Dom的概念。这个想必大家有所耳闻，我们知道vue@2.0开始引入了虚拟Dom，主要解决的问题是，...