Vir

设计思路 微信小程序自带导航栏，导航栏有胶囊，且胶囊位置和大小不可改变。用一个容器替代取消的默认导航栏。 通过小程序胶囊（...和退出）的位置和大小计算出自定。

菲茨定律 Fitts' Law 费茨法则 是一个人机交互以及人体工程学中人类活动的模型，它预测了快速移动到目标区域所需的时间是目标区域的距离和目标区域的大小的函数。费茨法则多用于表现 指、点 这个动作

一个成功的Web App必须有良好的用户体验。当我们谈及改善用户体验时，你会想到什么？ 其实，有一点是很容易被开发者忽视的，那就是CSS。我们可以使用一些CSS技巧来改善网页的表现形式、交互细节和可访

以下是提高 UI 动效的实用建议，让我们一起看看 UI 交互动画从良好走向优秀的实例。他们是如何通过细节的调整，使用交互动画来提升用户的界面体验。 本文所列出的界面主要显示状态之间的连续性，表示共享元素之间的关系并将用户的注意力引向他们应该注意和采取行动的事物上。 为了创建这些…

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

什么是状态管理？ 状态 状态是表示组件当前状况的 JS 对象。在 React 中，可以使用 useState 或者 this.state 维护组件内部状态，通过 props 传递给子组件使用。

React 状态管理工具五花八门，dva、mobx、recoil、zustand。换做是你，你会怎么选呢？选择一个合适的状态管理工具，对项目研发是至关重要的，来看看我的选择方案吧

笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题都出奇的一致： 对于这个问题

V8 是谷歌推出的开源 JavaScript 引擎，它是用 C++ 编写的，支持 Google Chrome、Chromium 网络浏览器和 NodeJS，它负责与环境交互并生成字节码来运行程序。 如