winty

当设计给的动画越来越复杂, 还原度要求越来越高的情况下，就需要微信都在用的开源动效方案【PAG动效】

webassembly 概念 WebAssembly是一种运行在现代网络浏览器中的新型代码，并且提供新的性能特性和效果。它设计的目的不是为了手写代码而是为诸如C、C++和Rust等低级源语言提供一个高

周日参加了 TWeb 腾讯前端技术大会, 这里根据自己的理解, 对部分主题进行总结回顾,感兴趣可以看看～

Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对…

为了节省维护成本，都会考虑跨项目模块复用，了解到 webpack5 的模块联邦特性，做了一下调研，总结一下。

CLS是测量在页面整个生命周期中发生的每个元素布局变化的分数总和。 为了提供良好的用户体验，网站应努力使CLS得分不超过0.1。

去年写了一篇浪到飞起的前端女程序的2019，对比之下，今年是浪不起来了。不过，整体来说，今年也是挺满意的一年了。就简单写一下吧。 没错，我今年又跳槽了。原来的公司固然是好，但是比较深圳还是一个比较容易让人焦虑的城市，我内心一直都有个到广州定居的想法，只是没有合适的机会过去，就想…

这个问题，很多人问过我。我都没有具体回答过，问得多了，我觉得我有必要一次性，将想说的都写出来。这样以后谁要是问我，我就给他甩这篇文章，完美。 不管什么原因都好，反正迷茫了。其实这些问题，我感觉人人都会遇到，只能可能是在不同的技术阶段遇到罢了，包括我自己，也确确实实都遇到了。虽然…

1. 利用 CSS 穿透覆盖默认样式 常见发生场景：假如我们需要通过 input，type="file"来上传文件，而这个 input 的默认样式，可以说是非常地丑。所以我们希望通过一张图片，与这个 input 大小一样，位置一致地盖在上面。这个时候，显然，这个时候点击图片，i…