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。换做是你，你会怎么选呢？选择一个合适的状态管理工具，对项目研发是至关重要的，来看看我的选择...

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

什么是Fiber Fiber是一种架构,一个类似纤程(协程)的概念,一个执行单元. 他最大的作用就是保证了React的渲染是可中断可恢复的,不会长时间占用浏览器资源导致出现...

V8 是谷歌推出的开源 JavaScript 引擎，它是用 C++ 编写的，支持 Google Chrome、Chromium 网络浏览器和 NodeJS，它负责与环境交互...

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情 前言 无论是前端开发还是后台开发个人认为都不应该局限于自己所在的领域，多去突破...

React 中没有 keepalive 怎么办？遇到这样的需求难道我们就不做了吗？今天我们从原理到实践，从零到一，在React 中实现 Vue 中的 keepalive 功...