对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…

大家好，我是鱼皮。 今天逛 GitHub 的时候，在趋势榜上看到一个项目，竟然短短一天的时间内，涨了 1000 多个星星！ 就是这个名为 solid 的项目： 要知道日增上千 star 可是非常难得的

前端那么多酷炫的东西，真是太好玩了。但是，JavaScript是个拦路虎，尤其是熟悉了Java之类的强类型检查语言之后，每次看到js都感觉不爽。作为一个后端，写JavaScript真的是有一种写吐了的感觉。万幸现在有了更好的选择。 为什么要学习TypeScript呢？因为它的语…

rem（font size of the root element）是相对长度单位。 相对于根元素（即 html 元素）font-size 计算值的倍数。 适配原理：将 px 替换成 rem，动态修改 html 的 font-size 适配。 也就是说最低兼容到 375 像素的…

因项目的需求，自己动手写了一个 PostCSS 插件 postcss-px2vw，主要用于将 px 转成 vw 和 rem，rem 作为回退模式。也刚好借此机会总结一下 npm 包的发布流程，文章还会介绍到七牛云图片的使用与上传相关的技巧，以及期间遇到的一些问题。 转换 px …

在参考过一些资料和开源的UI组件库后，写下了这篇文章，希望能给大家一些帮助。 本次开发没有基于Vue CLI来搭建开发环境，而是基于我上次webpack4自己搭建的环境来构建的环境，虽然官方CLI也可以，而且也有自己的库模式来发布组件库。但是为了能够更多的有自己自定义的选项，还…

从根节点开始，计算每一个元素的大小、位置，给出每个节点所应该出现的屏幕精确坐标，从而得到基于渲染树的 布局渲染树（Layout of the render tree）。 这个过程面试中非常常见，小伙伴们稍微记一下，后面章节会反复提及。 重绘（repaint）：当元素样式的改变不…

今年双11的整体节奏从之前的“光棍节”变为“双节棍”，具体业务上也有很多变化和调整，应了阿里的土话“唯一不变的是变化”。面对这些变化，是挑战也是机会，我们要做的就是，“既要”高效支撑保障业务先赢，“又要”确保体验和稳定性带给用户极致体验，“还要”追求创新让前端持续演进。为了实现…

秋招也快接近尾声了，我在秋招的结尾意外地收获了网易互娱的 Offer，秋招就此结束，写下这篇文章是为了帮助更多师弟师妹们，希望能帮助到你们。 我并不是什么很厉害的大神，我也不渴望成为别人眼中的大神，我只是踏实地一步一个脚印走，把每一样事情都尽量地完成好，我更多的是希望和大家一起…