1. 背景 目前我所在业务组是负责后台管理系统，但是对于使用的组件并没有引入第三方库，全有开发人员自己编写。但是对于Common Project还是处于拷贝的方式。然后萌生了对公共组件库进行管理的想法。这个方式有什么好处呢？ 能够沉淀组内组件，避免重复造轮子的缺陷。 统一维护组…

插播一个新系列：时间库 dayjs 的源码解析。 用官方的描述 “Day.js 是 Moment.js 的 2kB 轻量化方案，拥有同样强大的 API”。优点是如下三个： 简易：Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 A…

1. 前言（需求） 就是想读取 *.vue 文件的源码并高亮展示到页面上，又不想用第三方的依赖（其实是找不到）。 2. 实现思路 通过 vue-loader 自定义块 功能，获取目标文件的文件路径，然后通过 fs 读取源码，再用 @vue/compiler-core 的 API…

hello，大家好，我是德莱问，又和大家见面了。 前端构建工具的发展已经很久了，从最开始的不进行编译；到后来的grunt、gulp，流式的进行编译；到现在的webpack；在现在看来，webpack俨然成为前端打包编译的趋势，而且由于webpack的社区比较强大，发展也是非常迅…

前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…

Firefox 偷偷实现了一个 AnimationTimeline，用来为动画提供时间轴。根据文档，它是一个抽象类，被 DocumentTimeline 继承。 由于是非标准的特性，MDN 的文档里面也没有解释的很清楚，只是说它用来让多个动画共享时间轴，但是具体该怎么用，并没有…

在监测功能的时候，我们首要考虑的就是，我们的监测代码不能影响我们现在的业务代码，和以后的业务代码。 经过自己的一点小测试，发现无论在关闭的时候（也就是点击叉），还是隐藏的时候（也就是点击左右箭头）都会触发 onpagehide;也无论是在首次加载，还是刷新的时候，都会触发onp…

这是一篇纯技巧向的文章，跟一年多之前的《揭秘 Vue-3.0 最具潜力的 API》一样_[0]_，更少的背景铺垫，更多的代码，更多的 demo，更快的节奏。 让我们直接进入主题。 前一阵子，有开发者发推特表示用 Svelte 实现跟 React 一样的功能_[1]_，代码简洁很…

笔者之前陆陆续续接手过几个nodejs项目, 也参与过几个有点意思的nodejs开源项目, 最近把其中遇到的一些问题和解决方案做一个梳理, 避免大家继续踩坑. 话不多说我们开始吧~ 1. window和mac下设置NODE_ENV变量的问题 从start指令中我们可以发现我们用…