村上小树

今天想和大家分享的一个例子，很简单，就是对比两张图存在什么差异。 没错，大体就是像“大家一起来找茬”找不同的益智游戏那样。 玩法就是上下两张图片存在不同，让你对比并找出差异...

在UI自动化测试中，元素被识别出来后，才能更加精确地模拟相关用户行为，才能更好地开展自动化的其他内容。一般移动端APP会有页面元素属性，比如：ID，ClassName，Te...

相信很多React使用者都很好奇，为什么在React中注册事件使用的是小驼峰。比如onclick在React中要写成onClick，这两个东西使用起来那么像？他们是一样的吗...

首先进行功能分析和 dom 结构分析 采用了 canvas 渲染 ( 如果不是 canvas 渲染 那就没必要去实现... )，多画布结构，一个layer用于静态数据展示，...

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，...

作为前端开发，想必经常做的事情就是：调接口、画页面、调接口、画页面... 调用的接口大概率是 restful 的，也就是类似这种： /students 查询所有学生信息 /...

BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。BFF一般指的是在前端与后端之间加增加一个中间层。...

1、MQ引言 1.1 什么是MQ MQ(Message Quene) : 翻译为消息队列,通过典型的 生产者和消费者模型,生产者不断向消息队列中生产消息，消费者不断的从队列...

在上篇文章中，咱们偏重点介绍了 Headless UI 的概念与优缺点， 这篇文章来着重的讲解一下，Headless UI实战部分，让你无论是在 Vue3 中还是 Reac...

一个基于Headless UI组件库的 React UI 组件库shadcn/ui，在一年上涨了 39500 颗星星，它到底是如何实现的呢？...

useSyncExternalStore 是 React 18 引入的一个 hook，本文主要介绍 useSyncExternalStore 的一些使用场景。...

本文主要介绍了如何从 0 实现 use-context-selector，同时介绍了 React Context 和 use-context-selector 的问题和解决...

本文大致介绍前端的包管理器 npm、yarn、pnpm，以及对应的优点、不足之处，初步提出幽灵依赖的解决思路。...

当下流行的Web录屏方案有很多，今天为大家介绍一种无损、存储空间小的解决方案：rrweb，本文将结合源码深入解读其中的原理。...

大型前端项目往往存在几千个组件，多个代码库。这些组件和代码库，构成几十个甚至上百个路由页面。 无论是新同学或者是老同学，在定位问题或者是开发页面的时候需要寻找对应的源代码。...

在h5版本的电子菜单上线之前，我们的电子屏一直投放的是一张图片，但是古茗目前有8k家门店，会根据不同的区域和不同的品牌店（古茗茶饮/goottt）下发不相同的菜单，于是一些...