Mr_KLeo

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

终于，在漫长的等待下，容器查询（CSS Container Queries）将在 Chrome 105 版本得到正式的支持！ 而目前，我们也能在 Chrome Canary 版本中，或者在 Chrom

单页应用 (SPA) 及相关框架（例如 React.js、Vue.js、Svelte.js）都已经存在了很多年。然而，随着这些解决方案之上的元框架的兴起，可以看到应用从客户端渲染（CSR）转向服务端渲

类似点击商品飞入购物车🛒内的移动动画的需求大家应该也都遇到过或自己开发过。但是和 Absolute 相比， Transform 的实现有什么区别呢？ 案例显示 Absolute 实现的元素在移动中一直处于重绘之中，而使用 Transform 的元素却没有重绘。看来 trans…

在 CSS 的世界里面，:root、CSS 变量、var()、env() 是经常一起碰到的几个概念。温故而知新，下面一起学习一下用法。

今天是golang专题第10篇文章，我们继续来看golang当中的面向对象部分。 在上一篇文章当中我们一起学习了怎么创建一个结构体，以及怎么给结构体定义函数，还有函数接收者的使用。今天我们来学习一下结构体本身的一些使用方法。 在golang当中结构体初始化的方法有四种。 我们可…

问题表象: fix定位的浮层，在浮层上存在滚动内容，触发滚动，在ios上会偶尔触发底层的滚动。 给body加overflow：hidden，同时给body的height为100vh。 问题，会让body 内的滚动内容还原到初始位置。 可以在遮罩弹起前记录当时位置，在遮罩关闭后还…

希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webpack配置对象中的一个字段，Chunk没有单独的配置字段，但是这个词出现在CommonsChunkPlug…

Autoprefixer是一款自动管理浏览器前缀的插件，它可以解析CSS文件并且添加浏览器前缀到CSS内容里，使用Can I Use（caniuse网站）的数据来决定哪些前缀是需要的。 html5shiv.js 主要解决HTML5提出的新的元素不被IE6-8识别。