Leo_Bin

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber...

经过多年发展，微信小程序已成为微信生态重要一环。随着小程序的普及，小程序开发也成为前端开发工程师必备的技能之一。本文我们就对微信小程序及常见的小程序框架的基本原理进行简单介...

本次笔记我们尝试使用 Custom Elements 的来定义一个可以在页面上随意复用的自定义组件。组件为一个猫咪眼珠跟随小球运动的css动效...

全文14200多字，平均阅读20分钟，坚持看完你会有收获，还望支持，不对的地方望指正，提出建议。 前不久 Vue3的RC 版本终于发布，一直没时间研究，这篇文章我将以下面的...

在微前端这个概念出现之前，我们或多或少都能够联想到另一个词性上有些相似的概念微服务，它从出现后便一直都很火热，并不断催生着后端架构体系的演进，如探究他们的诞生原因，会发现很...

其实CSS自定义属性还有很多小名，比如CSS变量、原生变量、CSS自定义属性级联变量，这些指的都是同个东西。 那既然SCSS就能做到的东西，我们还有这个所谓的CSS自定义变...

现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应...

想必大家在学习React的时候对转发 ref 这个概念很模糊，看了这篇文章后应该会豁然开朗吧，应该吧?...

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnim...

用 PNPM Workspaces 替换 Lerna + Yarn 近年来，Monorepo 架构以越来越流行，鉴于它解决的问题，这是可以理解的。然而，最大的挑战是找到一个...

参考(这几篇文章很重要,一定要看) lerna(中文) 现代前端工程化-彻底搞懂基于 Monorepo 的 lerna 模块(从原理到实战) Node.js 如何创建软链接...

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话...

React 的 hooks 是在 fiber 之后出现的特性，所以很多人误以为 hooks 是必须依赖 fiber 才能实现的，其实并不是，它们俩没啥必然联系。 现在，不止...

背景 在项目中，我们用到了Taro3进行跨端开发，在这里分享下Taro3的一些跨端跨框架原理，也是希望能帮助自己更好的去理解Taro背后的事情，也能加速定位问题。此文章也是...

1：vertical-align和line-height 导致的幽灵空白结点 图片下面会有空白效果，没有和红色背景重合，这是因为文字的 默认 vertical-align ...

webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能...

探寻Taro运行时机制，扫清小程序跨端适配盲区。Taro可以让开发者编写一套代码，编译适配多个小程序平台，逐步丰富在跨端领域的应用面。...

非常汗颜，写ts好多年了，虽然不是anyscript风格，但一直当作类型标注在写，顶多用用函数重载和范型，连infer是谁都不认识，虽然也从当年这个文章中：用 TypeSc...

本文为手把手指南，在vue3 + ts + vite项目中使用eslint + prettier + stylelint +husky，旨在通过这些工具提高项目代码质量和统...

script setup 语法糖 组合式 API：setup() 基本使用 Vue 3 的 Composition API 系列里，推出了一个全新的 setup 函数，它是...