单调先生

webpack是一个强大而复杂的前端自动化工具。其中一个特点就是配置复杂，这也使得「webpack配置工程师」这种戏谑的称呼开始流行🤷但是，难道你真的只满足于玩转webp...

本质：在子类构造函数里使用call/apply来实现继承。盗用继承这个名称可能更贴合 缺陷：子类的方法必须要在继承后编写，否则继承时会被覆盖掉。什么意思呢？接上面的代码举个...

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不...

大多数的教程写都是使用最直接的方式，即使用webpack的lib模式进行打包，一些教程的区别可能在于使用Vue-cli2/vue-cli3的形式而已，这里罗列一下简单的组件...

作为前端同学，或多或少都会接到动画需求。如果是有规律性的动画还是相对容易实现的，但如果是比较复杂的帧动画，我们用 CSS 实现的话，就非常容易造成如下情况，设计师是卖家秀，...

因为多入口组件库中开发环境和生成环境的配置是不同，所有要区分开来。 通过process.env.NODE_ENV变量来判断，生产环境时process.env.NODE_EN...

这一整个月我几乎投入所有工作之外的时间在组件库的框架搭建上，特别是组件按需引入的探索让我本来发量就不多的头顶更加荒芜。关于组件按需引入的探索已经告一段落，虽然结果很不如意，...

目前，我们能接触到的模块化组件库真可谓是数不胜数，尤其是vue相关的那更是多如牛毛，譬如element，iview等等，虽然有很多，但是轮子虽多，合不合适自己还不好说，就像...

对于正则相信大家都不陌生，可能有的小伙伴已经学过不至一遍了，是不是学了就忘系列🙃。对于正则其实用的最多的就是规则校验，很多人都是抱着这样的心态的：正则不就是写一些规则校验...

市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就...

互联网的全球化导致了互联网的数据量快速增长，加上在本世纪初摩尔定律在单核 CPU 上的失效，CPU 朝着多核方向发展，而 Apache 显然并没有做好多核架构的准备，它的一...

OCSP检查为某些用户带来了隐私问题，因为它要求客户端与第三方（尽管客户端软件供应商信任的一方）联系以确认证书的有效性。 Internet Explorer的是建立在Cry...

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有...

JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScri...

经常逛 webpack 官网的同学应该会很眼熟上面的图。正如它宣传的一样，webpack 能把左侧各种类型的文件（webpack 把它们叫作「模块」）统一打包为右边被通用浏...

navigator.sendBeacon() 方法可用于通过HTTP将少量数据异步传输到Web服务器。...

webpack热更新，也称热替换，英文缩写「HMR」(Hot Module Replacement)。ok，介绍完定义，那么HMR的「作用」是什么呢？答案是让web项目可以...

事情的起因是运营需要给用户推送各类活动邮件，产品便把实现邮件模板的需求交由我来完成，得，有需求咱实现便是了。一开始想的确实挺好，不就是个静态页面嘛，刷的一下就搞定了，然后邮...

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和...

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准...