折叠鸭

前言 上周在群里突然被 @ 要我查看生产上出现的问题，由于这个项目比较老 (React15)，既没有埋点也没有接入错误监控，于是会得到如下的这样一个提示信息（以下错误是本地...

模块化开发在前端越来越流行，使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。 那 pack...

鼠标滚动，盒子缓慢上移 HTML 先给出基本的结构，页面当中多个p模拟多个板块，同时阻止a链接触发默认事件：javascript:void(0) 大致代码如下...

一开始关注到 antfu 是他的一头长发，毕竟留长发的肯定是技术大佬。果不其然，antfu 是个很高产、很 creative 的大佬，我也很喜欢他写的工具，无论是@antf...

大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢？ 我们一起来看一下。 我们按照...

pnpm是一款当代备受关注的 新兴(问题较多) 包管理工具，使用过的同学们都会被它极快的安装速度、极少的磁盘存储空间所吸引！感兴趣的小伙伴赶紧点击学习吧。...

最近写了一个 Prettier 插件，可以达到这样的效果： 同事每次保存代码的时候，import 语句的顺序都会随机变。 但是他去 prettier 配置文件里还啥也发现不...

在前端开发中我们经常遇到这样一种情况：假设我们要渲染一个订单列表，后端返回的数据中包含这样一个字段： 后端可能会告诉我们，它对应后端的这样一组值： 那么我们在前端如何优雅地...

Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么...

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！...

特点:本文主要是参考了官方文档.除了不常用的过渡动效和数据获取,都进行了分析说明.说明:每一节都在文档的基础上进行了更通俗的解释;例子:每一节都添加了单独的例子进行详细的说...

ES6 新增的 Proxy 为什么一定要结合Refelct使用？文章中从多个Demo入手为你讲解为什么Proxy一定要结合Reflect使用。...

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一...

经历了几次代码评审会议之后，我意识到自己编码方式还不成系统，仍然需要进行系统化的学习。掌握前辈们总结出的最适用的规律无疑是一种好的方式，有同样需求的同学可以看一下，点个赞支...

CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CS...

HTTP 缓存是前端面试必问的知识点，大多数前端也都能答出强缓存和协商缓存来，但如果换个问法呢？ 比如问浏览器的强制刷新实现原理是什么？ 你还能答出来么？ 其实这也是考察缓...

前言 曾经我只会一个console.log，但是我充满了自信，觉得一个打印输出就能解决所有问题。后来，在阅读vue源码的旅途里，我感受到了迷茫，无所适从，觉得每一处都需要打...

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第26天，点击查看活动详情 前言 npx 出现的次数还是比较多，像 Vite、Expo、React Na...