前端框架

安心不心安21 分钟前
前端·react.js·前端框架
React ahooks——副作用类hooks之useThrottleEffectuseThrottleEffect 是 ahooks 提供的节流版 useEffect,它在依赖项变化时执行副作用函数,但会限制执行频率。
凤年徐5 小时前
前端·javascript·css·前端框架·html·web
解锁网页魔法:零基础HTML通关秘籍HTML 代码是由“标签”构成的。形如:其中:可以使用 chrome 的开发者工具查看页面的结构。F12 或者右键审查元素, 开启开发者工具, 切换到 Elements 标签, 就可以看到页面结构细节.
懋学的前端攻城狮7 小时前
前端·react.js·前端框架
Next.js + TypeScript + Shadcn UI:构建高性能懒加载与无限滚动系统在数字浪潮席卷的今天,用户对网页应用的期待早已超越了简单的信息获取。他们渴望如丝般顺滑的交互,期待即时响应的界面,追求沉浸式的浏览体验。然而,随着应用功能的日益丰满,海量数据与复杂组件的堆砌,往往成为性能的阿喀琉斯之踵。首屏加载缓慢、滚动卡顿、资源浪费……这些问题如幽灵般困扰着开发者,也无情地侵蚀着用户体验。本文将以 Next.js、TypeScript 和 Shadcn UI 这三大神器为基石,引领你深入探索懒加载与无限滚动的实现精髓,共同打造一个既能承载万千数据,又能行云流水的高性能Web系统。让我们
半个烧饼不加肉21 小时前
前端·react.js·前端框架
React + ts + react-webcam + CamSplitter 实现虚拟摄像头解决win摄像头独占的问题这块网上有很多教程了,这里不再赘述,就一点,需要分几个虚拟摄像头,就要在CamSplitter 的安装目录下 driver_install.cmd 执行几次。
代码的余温1 天前
前端·react.js·前端框架
React核心:组件化与虚拟DOM揭秘React 是一个由 Meta(原 Facebook) 团队开发并维护的开源 JavaScript 库,专注于构建高效、灵活的用户界面(UI)。它的核心概念和特点如下:
用户84913717547161 天前
前端框架·axios·前端工程化
vue-element-plus-admin 第5期|Axios实战:HTTP 请求与数据处理vue-element-plus-admin 项目基于 Axios 实现了一套完整的 HTTP 请求解决方案,通过多层封装使得接口调用更加简洁、统一,并提供了完善的类型支持和错误处理机制。
sHlsy19951 天前
前端框架·svelte
Svelte 5 完全指南:从入门到跨端应用开发系列目录Svelte 是一个革命性的前端框架,与传统的虚拟 DOM 框架(如 React、Vue)有着本质区别。它采用编译时优化机制,将组件化开发的代码在构建阶段直接转换为高效的 DOM 操作指令,而非在浏览器中运行时解释执行。这种独特的设计理念使得 Svelte 生成的应用程序轻量、高效且性能卓越。
Thomas游戏开发2 天前
前端框架·unity3d·游戏开发
Unity Root Motion 开发详解在Unity中,Root Motion(根运动) 是一种通过动画本身驱动角色移动的技术,而非通过代码直接控制位置。下面从核心概念到具体实现的详细解析:
chancygcx_2 天前
vue.js·前端框架
前端框架Vue3(四)——组件通信及其他API概述:props是使用频率最高的一种通信方式,常用与:父<=>子。注意:$attrs会自动排除props中声明的属性(可以认为声明过的props被子组件自己“消费”了)
用户84913717547162 天前
前端框架·vue-router·前端工程化
vue-element-plus-admin 第4期|权限系统实战:动态路由 + 权限控制机制全解析vue-element-plus-admin 项目采用了灵活且强大的路由系统设计,基于 Vue Router 实现,并结合权限系统形成了一个完整的路由控制方案。
德育处主任2 天前
前端·前端框架·canvas
p5.js 3D模型(model)入门指南点赞 + 关注 + 收藏 = 学会了在 p5.js 中,model()是专门用来绘制 3D 模型的 "画笔"。它的作用很简单:把一个提前准备好的 3D 几何对象(p5.Geometry)画到画布上。
懋学的前端攻城狮2 天前
前端·react.js·前端框架
从 UI = f(state) 到 Fiber 架构:解构 React 设计哲学的“第一性原理”对于每一位 React 开发者而言,UI = f(state) 这个公式或许早已烂熟于心。它如同一块基石,支撑着我们构建的万千组件世界。然而,你是否曾停下来深思:这个看似简单的 f,在 React 的世界里究竟意味着什么?它为何从一个纯粹的函数概念,演变成一套复杂、精妙甚至可以被中断和调度的系统?
全球网站建设3 天前
javascript·前端框架·php·reactjs·css3·html5
从结构到交互:HTML5进阶开发全解析——语义化标签、Canvas绘图与表单设计实战在 HTML5 的舞台上,语义化标签是熠熠生辉的主角,它们为网页赋予了清晰的逻辑结构,使其更易被搜索引擎理解和被开发者维护。其中,<section>与<article>标签尤为引人注目,它们有着独特的使命与魅力。
页面魔术3 天前
前端·vue.js·前端框架
🔥来听听尤雨溪是怎么亲述无虚拟dom的吧最近尤雨溪在深圳举办的 Vue Conf 上郑重宣布了无虚拟 DOM 版 Vue:也就是 Vue Vapor 已经可用了。但目前还处于 Alpha 版本,不建议大家用在生产环境上。
WildBlue3 天前
前端·react.js·前端框架
从 0 到 1 上手 React 中的 mitt,前端小白也能秒懂!🤓想象一下,你正在搭建一个 React 组件大厦,每个组件都是一间独立的房间。刚开始房间不多的时候,大家串门(通信)还挺方便 —— 父组件喊一声(传 props),子组件就能听见。但随着楼层越来越高(组件层级变深),或者突然多了好多邻居(兄弟组件),再想顺畅聊天就难了:要么得扯着嗓子一层层传消息(props drilling),要么就得搞个复杂的对讲机系统(Redux 等状态管理库)。
懋学的前端攻城狮3 天前
前端·vue.js·前端框架
深入浅出Vue源码 - 剖析diff算法的核心实现引言:DOM更新的“隐形之手”Diff算法:为何如此重要?两条路径:Key的有无,命运的分野守门员:isSameVNodeType的职责
用户84913717547163 天前
typescript·前端框架·前端工程化
vue-element-plus-admin 深度剖析:第3期-状态管理与数据流全解:Pinia 如何优雅管理复杂业务?在深入分析 vue-element-plus-admin 项目的状态管理之前,让我们简要回顾一下 Pinia 的基本概念和优势。
啃火龙果的兔子3 天前
前端·react.js·前端框架
在 React + Ant Design 项目中实现文字渐变色在 React 结合 Ant Design 的项目中,有几种方法可以实现文字渐变色效果。以下是几种常见的实现方式:
每天开心4 天前
前端·前端框架
噜噜旅游App(4)——搜索页面开发教程:热门推荐与关键词搜索模块在这个教程中,我们将介绍如何使用 React、Zustand 状态管理库和 Mock.js 来构建一个包含热门推荐和关键词搜索功能的搜索页面。我们将逐步讲解每一个组件的功能以及它们之间的交互。
小螺号dididi吹4 天前
前端·react.js·前端框架
菜鸟速通:React入门 01目录一、React的定义二、功能1. 创建和嵌套组件2. 标签语言3. 组件用法举例3.1 双括号3.2 数组转列表