天天扭码

各位前端伙伴，如果你正在用React开发移动端项目，一定要了解 React Vant！作为近期深度使用它的开发者，我必须分享这个让开发流程变得无比顺滑的宝藏库。它完美平衡了...

引言 在当今这个追求用户体验的时代，静态的网页已经无法满足用户的需求。流畅、自然的动画效果，不仅能提升界面的美观度，更能引导用户注意力，增强交互反馈，让用户感受到“活”的界...

不只是字符串拼接 header.payload.signature： Header：指定算法与类型（如 HS256 + JWT），决定签名生成方式 Payload：携带业务...

CSS 写烦了？试试 Stylus！这款超赞预处理器，缩进语法甩掉大括号分号，变量、混合功能一键复用样式，还能玩条件判断、循环！轻松搞定复杂样式，大型项目也能清爽维护，开发...

引言 🌟 在现代Web开发中，单页应用(SPA)已经成为主流，而路由是实现SPA的核心技术之一。React作为一个流行的前端框架，本身并不提供路由功能，但我们可以通过Re...

在 React 中，ref是个很实用的东西 —— 它能让我们直接访问 DOM 元素或组件实例，比如给输入框自动聚焦、获取元素尺寸等。但用着用着你会发现：类组件可以轻松接收r...

—— 无分支的二次方程光线求交法 📜 引子：光线追踪的第一课 在计算机图形学这个瑰丽的世界里，**光线追踪（Ray Tracing）**堪称魔法。它让每一道光都带着目的，...

setup 概述 setup是Vue3中一个新的配置项，值是一个函数，它是 Composition API “表演的舞台 *” *，组件中所用到的：数据、方法、计算属性、监...

如何优雅地将 Three.js 与 Mapbox 联姻 🪐 开场白：两个宇宙的语言 在这片数字宇宙中，Three.js 是一个画家，擅长在三维空间里舞动顶点与光影。 而 ...

通过React.memo、useMemo、useCallback三剑客解决无意义重渲染问题，配合合理的组件拆分和Context使用策略，让你的React应用丝滑流畅，告别卡...

本文对比React中CSS Transition和Framer Motion两种动画实现方式，分析各自优缺点，提供代码示例和性能优化建议，帮助开发者选择合适方案实现流畅动画...

本文从零手写React JWT登录鉴权。详解核心原理，辨析ID与Access Token区别，并结合Zustand与Axios实战路由守卫和拦截器，助你彻底搞定前端认证。...

在前端开发中，虚拟 DOM 与 Diff 算法构成了 React 性能优化的基石。作为 UI 渲染的 "智能协调者"，Diff 算法承担着精准识别界面变化并最小化 DOM ...

在上一篇文章中我们初步实现了基于 JSON Web Token (JWT) 的身份认证机制， 在这篇文章中我们将要通过该机制搭建一个演示项目。...

前言 对于前端小白来说，没有组件库，写组件无非是一些无聊的操作，这加加，那加加，加加加加到厌倦.... 虽然说中小厂有三方组件库，大厂有自己的组件库，那对于前端个人开发者没...

随着Web技术的发展，动画在用户体验中的重要性将继续提升。Framer Motion作为React生态中的佼佼者，其持续的更新和社区支持使其成为前端开发者的重要工具。...

本文介绍了React移动端应用开发实践：使用React Router实现双层布局，通过React Vant组件库构建Tabbar，采用lib-flexible适配方案，配合...

我们天天用 React 写响应式界面，却很少想过：为什么setState一调用，界面就自动更新了？为什么组件能 "记住" 自己的状态，还能感知其他组件的变化？其实这些 "魔...

在前端开发中，或许你已经了解过路由的概念，它能帮你在前端实现页面的更新，而不需要向后端进行请求，这对性能来说无疑是一个巨大的优化。但是，当项目逐渐复杂时，你会发现，单靠一级...

为什么需要状态管理？ 在现代前端开发中，随着应用复杂度增加，组件状态共享和状态逻辑复用成为核心挑战。传统的useContext + useReducer组合虽然有效，但随着...