Bellina

为什么这些个网站UI做的这么漂亮啊？为什么它们的细节这么细啊？交互好、实现棒，很难叫人不收藏啊！！毕竟收藏了，下次都是会来学的🐶

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

使用 JS 的数组时，发现 JS 的数组可以存放不同类型的元素、并且数组长度是可变的。what？？这跟我之前接触的数组不一样啊。数据结构中定义的数组是定长的、数据类型一致的存储结构。 JS 中的数组竟然如此特殊，这也是为什么标题中数组二字加上了“”的原因。带着一脸的懵逼，打开搜…

在2019年9月17日举行的GitHub中国首场官方见面会上，我做了《打破框架范式之争》的主题分享，本文是其文字稿。正文开始—— 在9月初左右，一个 React Meetup 邀请了 Svelte 框架的作者 Rich Harris 去做一个技术分享。 他的内容主旨如下所示: …

文章超过 1.5w 字，文中包含了大量的专业概念与启发性思想，通读大约需要 30 分钟。建议先收藏下来，慢慢阅读。最后祝大家都能够有所收获！

Talk 因为最近工作上有需要使用解析 JavaScript 的代码，大部分情况使用正则表达式匹配就可以处理，但是一旦依赖于代码上下文的内容时，正则或者简单的字符解析就很力不从心了，这个时候需要一个语言解析器来获取整一个 AST（abstract syntax tree）。 然…

基于node环境，js代码有了操作计算机文件的权限，因此，webpack就是一堆js代码，然后去折腾一堆文件。 webpck可以看成是一个工厂的流水线。 操作集中可以包含多个子操作，如 发酵 操作集中，有3个子操作，也就是说只有完成这3个子操作，才能结束发酵这个操作集，才能进入…

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰…