前端框架

EndingCoder3 小时前
前端·javascript·react.js·前端框架
React从基础入门到高级实战:React 基础入门 - React Hooks 入门React Hooks 是 React 16.8 引入的一项革命性功能,它改变了开发者编写组件的方式,让函数组件也能轻松管理状态和处理副作用。对于熟悉基础组件的初学者来说,Hooks 不仅让代码更简洁,还提升了开发效率和可维护性。本文将带你从零开始掌握 Hooks,从背景知识到实际应用,逐步深入,确保你能快速上手。
EndingCoder3 小时前
前端·javascript·react.js·前端框架
React从基础入门到高级实战:React 基础入门 - JSX与组件基础在 React 开发中,JSX 和 组件 是两个最基础且核心的概念。JSX 是一种独特的语法,让你在 JavaScript 中编写类似 HTML 的代码,而组件则是 React 应用的基本构建块,帮助你将复杂的界面拆分为可复用的模块。本文将带你深入理解 JSX 的语法规则,并学习如何创建和使用 React 组件。通过本文,你将能够编写自己的组件,为后续的 React 开发打下坚实基础。
EndingCoder7 小时前
前端·javascript·react.js·前端框架
React从基础入门到高级实战:React 基础入门 - 简介与开发环境搭建React 是一个强大的 JavaScript 库,用于构建用户界面(UI),尤其是在单页应用(SPA)开发中表现出色。它由 Facebook(现为 Meta)开发并于 2013 年开源,因其简单、高效和灵活的特点,迅速成为前端开发的热门选择。无论你是零基础的小白,还是希望提升技能的开发者,学习 React 都将为你的技术栈增添亮点。
JuneXcy20 小时前
前端框架
前端框架6
球球和皮皮1 天前
javascript·3d·前端框架·babylon.js
Babylon.js学习之路《七、用户交互:鼠标点击、拖拽与射线检测》Babylon.js 的 ActionManager: 通过事件管理器简化交互逻辑,支持点击、悬停、拖拽等事件。
.生产的驴2 天前
java·c++·vue.js·后端·信息可视化·前端框架·vue
Vue3 数据可视化屏幕大屏适配 页面自适应 响应式 数据大屏 大屏适配数据可视化大屏应用时,页面的自适应和响应式设计至关重要。这些技术能够确保应用能够根据不同屏幕尺寸、设备分辨率和窗口变化自动调整布局和显示内容,提升用户体验。 全屏适配 无论大屏还是小屏完美设配
进取星辰2 天前
前端·react.js·前端框架
34、React Server Actions深度解析魔法特性:服务端安全执行:标记"use server"的代码仅在服务端运行,保护数据库操作直连数据通道:表单提交直达服务端函数,减少传统API中间层
speedoooo3 天前
前端·小程序·前端框架·ai编程·web app
App Builder技术选型指南:从AI编程到小程序容器,外卖App开发实战在2025年快速迭代的技术生态中,开发者构建App的路径愈发多样化。本文以开发一个同城外卖App为例,对比当前主流的AI编程工具(如Cursor、GitHub Copilot、Trae)与小程序容器技术(如FinClip)的优劣势、难易度及适用场景,并给出具体开发流程示例,助力技术选型决策。
程序员Bears3 天前
前端·react.js·前端框架
React深度解析:Hooks体系与Redux Toolkit现代状态管理实践React作为当今最流行的前端框架之一,其生态体系不断演进,为开发者提供了更高效、更优雅的解决方案。本文将深入探讨React的两大核心主题:Hooks体系(特别是useState和useEffect)以及Redux Toolkit现代状态管理方案。无论你是React初学者还是有一定经验的开发者,这篇文章都将帮助你提升React开发技能,构建更健壮的前端应用。
Dragon Wu4 天前
前端·小程序·前端框架·react·taro
Taro Error: chunk common [mini-css-extract-plugin]目录一、问题描述二、解决方案taro项目编译时抛出一下异常:Error: chunk common [mini-css-extract-plugin] Conflicting order. Following module has been added: * css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??rul
Dragon Wu4 天前
前端·小程序·前端框架·taro
Taro 安全区域目录一、问题描述二、问题解决1、顶部刘海区2、底部小黑条安全区域主要是为了避免刘海屏或底部栏遮挡,而造成的不良显示效果。
爱吃小白兔的猫4 天前
前端·react.js·前端框架
从零开始创建React项目及制作页面目录一、React 介绍1. React 核心特点2. React 的生态系统3. React 的优点
秋田君5 天前
前端·javascript·vue.js·elementui·前端框架·mock·sso单点登录客户端
构建安全的Vue前后端分离架构:利用长Token与短Token实现单点登录(SSO)策略在公司发展初期,公司拥有的系统不多,通常一个两个,每个系统都有自己的登录模块,运营人员每天用自己的账号登陆,很方便,但是,随着企业的发展,用到的系统随之增加,运营人员在操作不同的系统时,需要多次登录,而且每个系统的账号都不一样,这对于运营人员来说很不方便,也是就想到是不是可以在一个系统登陆,其它系统就不用登陆了呢?那么单点登录就是解决这个问题。 单点登录:全称Single Sign On 简称就是SSO。它的解释就是:在多个应用系统中,只需要登陆一次,就可以访问其他相互信任的应用系统。 单点登录(Sing
Dragon Wu5 天前
javascript·小程序·前端框架·taro
taro 小程序 CoverImage Image src无法显示图片的问题目录一、问题描述二、解决方案使用taro开发的微信小程序图片无法正常显示,并报如下错误:[渲染层网络层错误] Failed to load local image resource /assets/icon/message.png the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
前端达人6 天前
前端·javascript·css·react.js·前端框架
React 播客专栏 Vol.13|样式不难搞,Tailwind CSS 与 SVG 实战入门👋 欢迎回到《前端达人 · React 播客书单》第 13 期(正文内容为学习笔记摘要,音频内容是详细的解读,方便你理解),请点击下方收听
霸王蟹6 天前
前端·笔记·学习·react.js·前端框架
React中巧妙使用异步组件Suspense优化页面性能。在 React 应用中,随着功能复杂度的提升,代码体积膨胀和首屏加载缓慢成为常见痛点。异步组件(Async Components)技术通过按需加载和代码分割(Code Splitting)有效解决了这些问题。本文将系统梳理 React 中实现异步组件的核心方法、最佳实践及进阶技巧。
霸王蟹6 天前
前端·javascript·笔记·react.js·前端框架·ts
React 19版本refs也支持清理函数了。React 19版本发布了ref支持清理函数了,这样就可以达到useEffect一样的效果了。为啥需要清理函数呢,这是因为节约内存。 清理事件监听(避免内存泄漏)
霸王蟹8 天前
前端·笔记·react.js·性能优化·架构·前端框架
React Fiber 架构深度解析:时间切片与性能优化的核心引擎在 React 生态中,性能优化始终是开发者关注的焦点。React 16 引入的 Fiber 架构,通过时间切片(Time Slicing)技术,彻底改变了 React 的渲染机制,为复杂应用的流畅运行提供了有力保障。本文将深入探讨 React Fiber 架构的核心概念,特别是时间切片技术,并通过手写 Fiber 节点结构来加深理解。
霸王蟹8 天前
前端·javascript·笔记·学习·react.js·前端框架
React中useState中更新是同步的还是异步的?在 React 开发中,useState 是最常用的 Hook 之一,它允许函数组件拥有自己的状态,并提供了管理这些状态的便捷方式。理解 useState 的更新机制对于编写高效、可维护的 React 应用至关重要。本文将深入探讨 useState 的更新机制,包括其工作原理、更新频率、异步行为以及最佳实践。
Minyy119 天前
前端·javascript·vue.js·前端框架·vue·html
Vue3指令(二)--v-text、v-html数据渲染,计算属性目录(一)数据渲染1.插值表达式渲染数据1.1实战案例1.1.1代码:1.1.2实现截图:2.使用v-text和v-html来渲染数据