JSX

react脚手架

react脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建
Xiaaoke·2025-05-26 21:29

理论篇五：如何优化Webpack的打包速度

以下是10种核心优化策略，涵盖开发和生产环境，附带具体配置和实测效果对比：一、缩小文件搜索范围1.指定解析路径（Resolve）resolve:{extensions:['.js','.jsx'],
程序员流年大运·2025-05-25 12:07

.jsx文件和.tsx文件有什么区别

.tsx和.jsx是两种用于React开发的JavaScript文件扩展名，它们的主要区别在于对TypeScript的支持以及使用场景。
MonkeyKing.sun·2025-05-24 02:12

React的合成事件（SyntheticEventt）

它与原生事件的主要区别如下：1.事件绑定方式•合成事件：使用驼峰命名法绑定事件（如onClick），并通过JSX直接传递给组件。
TE-茶叶蛋·2025-05-22 09:50

React 中使用 TS

目录1，搭建项目2，tsconfig.json相关配置项1，lib2，module3，jsx3，在React中使用TS3.1，TS可以解决的问题3,2，函数式组件3.3，类组件3.4，Props的默认值方法
下雪天的夏风·2025-05-22 01:55

挑战一篇文章通俗易懂讲清楚 React Element、React Component、JSX、Fiber 以及 Diff 算法的概念及其相互关系

这次要弄清楚的是ReactElementReactComponentJSXFiberDi
蜗牛快跑213·2025-05-21 11:19

关于 React 的面试题及其解析

3.什么是JSX？4.如何创建React组件？5.React中的state是什么？6.props与state的区别是什么？7.受控组件与非受控组件的区别？8.React组件的生命周期包括哪些阶段？
HappyAcmen·2025-05-21 01:41

React 快速入门 这篇就够了

目录一、React概述二、搭建React环境三、React语法3.1JSX：3.2组件：3.3状态（State）：3.4属性（Props）：3.5生命周期方法：3.6事件处理：3.7条件渲染：3.8列表和键
灵眸幻翎·2025-05-20 14:42

【React中虚拟DOM与Diff算法详解】

例如，一个简单的JSX元素会被转换为类似以下结构的虚拟DOM对象：{type:'div',props:{className:'contain
Zero101713·2025-05-18 15:55

React学习（三）-函数概览

;}特点：函数组件是纯函数，接收props并返回JSX。可以使用Hooks（如useState、useEffect）来管理状态和副作用。2.箭头函数组
香蕉可乐荷包蛋·2025-05-18 08:30

【webpack】常用loader、plugin及打包原理

常用loaderloader:webpack本身只能打包Javascript文件，对于其他资源例如css，图片，或者其他的语法集比如jsx，是没有办法加载的。
小达不溜儿·2025-05-17 14:52

React快速上手：从零到项目实战

React快速上手：从零到项目实战学习目录第1章：React入门介绍React的基本概念和应用场景安装Node.js和npm创建第一个React应用React的JSX语法组件的基本结构和生命周期第2章：
莲华君·2025-05-15 19:17

React 从零到一执行原理 (2025 最新版)

文章目录前言1.编译与运行机制：JSX转译与虚拟DOM生成2.Fiber架构与调和(Reconciliation)&调度(Scheduling)3.组件构建过程：函数组件vs类组件，Hooks执行机制4
TE-茶叶蛋·2025-05-12 00:07

“ES7+ React/Redux/React-Native snippets“常用快捷前缀

React(通常用于.js,.jsx,.ts,.tsx):rfce:ReactFunctionalComponentwithExportDefaultrafce:ReactArrowFunctionComponentwithExportDefaultrce
zwjapple·2025-05-11 00:34

React学习（day1）

npmcreatevite@latest创建react项目什么是JSX（jsx)是JavaScript和XML（HTML）的缩写，表示在js代码中编写HTML模板结构，它是react中编写UI模板的方式
_r0bin_·2025-05-05 22:40

react学习笔记2——基于React脚手架与ajax

使用create-react-app创建react应用react脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果
qq_58956810·2025-05-03 18:59

[前端面试]如果我要动态生成一个表格，你会用模板、渲染函数还是 JSX，为什么？

我会根据具体情况给出详细的回答，同时展示如何用模板、渲染函数和JSX实现动态表格，然后分析为什么选择某种方式。
Stupid小池·2025-04-29 03:51

Webpack核心loader (三）—— babel-loader

base-loader解析es6,将es6转化成es5,将react的jsx语法转化成浏览器可以认识的语言1.babel-loader//针对于babel的loader文件2.
采故事的女孩·2025-04-28 21:47

React中插槽实现方式

：//父组件constCard=({children})=>{return({children});};//使用constApp=()=>{return(标题这是内容);};具名插槽通过props传递JSX
看淡一切yu·2025-04-28 17:46

React 文件链条

**`src/index.js`或`src/index.jsx`**-React应用的JavaScript入口-将`App`组件渲染到`root`DOM节点：```
PyAIGCMaster·2025-04-28 02:13

React和Vue区别，以及注意事项

目录一、语法和框架特性的差异二、开发习惯和注意事项三、特别注意事项一、语法和框架特性的差异模板语法：Vue使用了类似于传统HTML的模板语法，通过双大括号{{}}进行插值，而React则使用了JSX语法
惜惜然·2025-04-26 18:48

vue3 jsx或tsx中使用自定义指令

使用withDirectives、resolveDirective函数实现import{createVNode,h,withDirectives,resolveDirective}from'vue'//包裹自定义指令名称constpermission=resolveDirective('hasPermi')customRender:({record})=>{returnh('div',[h(But
tjh0001·2025-04-26 04:17

react 子组件暴露，父组件接收

//Child.jsximportReact,{forwardRef,useImperativeHandle,useState}from'react';import{Form,Input}from'antd
qq_2524963996·2025-04-25 14:37

js实现2D图片堆叠在一起呈现为3D效果，类似大楼楼层的效果，点击每个楼层不会被其他楼层遮挡

实现过程使用元素的绝对定位，通过伪元素设置背景图片和文字，效果如下：index.jsx：importReact,{useEffect,useState}from'react'importstylesfrom
每一天，每一步·2025-04-23 14:44

说说对React的理解？有哪些特性？

f(state)：视图是应用状态的函数虚拟DOM：通过内存中的轻量级DOM表示提高性能单向数据流：数据自上而下流动，保持可预测性组件化开发：将UI拆分为独立可复用的代码单元二、React的核心特性1.JSX
大樊子·2025-04-22 08:08

在React中修改state上的数据

1.定义组件新建一个.jsx文件importReactfrom'react'exportdefaultclassMyBtnextendsReact.Component{constructor(){super
程序员徐小白·2025-04-20 06:35

2025.04.19react面试题

什么是JSX？它与HTML有什么不同？React是如何实现虚拟DOM的？它的优势是什么？组件的生命周期函数有哪些？React18中的变化是？React中key的作用是什么？
jjjjjjjjj¢·2025-04-20 06:01

React JSX?

JSXJSX是JavaScriptXML的缩写，它是一种JavaScript的语法扩展，允许你在JavaScript中写HTML类似的代码，常用于React中定义UI组件的结构。
太阳照常升起--·2025-04-19 12:36

学习React第十五篇：构建一个JSX Live编译器作为React组件

继编写使用高阶组件组合React组件行为作为工具，希望能够编写JSX并在浏览器中实时查看输出。在本篇中，我们将创建一个浏览器内JSX转译器。
最孤单的人·2025-04-19 09:15

【React】基本语法

基本语法通过jsx的语法可以在js中写html函数组件/class组件的语法、父子组件传参、事件react生命周期根据状态(数据)动态渲染组件/列表渲染/表单渲染class组件中的ref、ref回调函数
Moon里·2025-04-18 21:59

【Dify 前端源码解读系列】MDX 让 API 文档焕发生机

MDX是一种强大的文档格式，它允许在Markdown内容中使用JSX。这意味着你可以在Markdown的简洁语法中嵌入交互式组件，使文档不再局限于静态内容。
程序员查理·2025-04-17 17:27

Vite到底是构建工具还是脚手架？前端工程化的“厨子”和“菜谱”

1.构建工具：前端界的“厨子”职责：把生食材变成美味佳肴构建工具就像大厨，负责：切菜（编译）：把ES6+、TypeScript、JSX等“高级食材”转成浏览器
魔云连洲·2025-04-16 15:06

Vue 高级技巧深度解析

EventBusprovide/inject$attrs/$listeners性能优化虚拟DOM优化函数式组件按需加载状态管理Vuex模块化持久化存储严格模式高级指令自定义指令动态组件异步组件渲染控制作用域插槽渲染函数JSX
二川bro·2025-04-16 12:42

vue3封装el-table及实现表头自定义筛选

效果图：注意：同时封装了el-table列表和表头使用了jsxjsx的引入使用使用了lodash使用了moment文章目录一、封装内容1.封装el-table组件2.封装表头筛选、排序和下拉数据接口获取
i_am_a_div_日积月累_·2025-04-15 03:38

React与Vue：选择哪个框架入门？

两大框架核心差异特性ReactVue设计理念“一切皆JavaScript”，JSX将标记和逻辑融合渐进式框架，HTML/CSS/JS分离更传统组件写法函数式组件为主，JSX语法单文件组件(SFC)，模板语法学习
烧瓶里的西瓜皮·2025-04-15 00:50

react组件样式冲突解决 CSS Module写法

各页面（组件内）之间样式互相影响的情况比较多,推荐给大家一个CSSModules省事的写法,每个都加styles.比较繁琐//页面（组件内）jsx文件importstylesfrom'.
alintever·2025-04-14 01:51

跨框架解决方案-Mitosis【简述与原理】

mitosis是JSX的一个子集，它支持为许多前端框架生成代码，包括React、Vue、
小林搞前端·2025-04-11 12:39

【智能体开发】智能体前后端开发方案

包含详细代码和运行说明：一、前端部分（使用React）创建项目：bash复制npxcreate-react-appai-agent-frontendcdai-agent-frontend修改src/App.js：jsx
meisongqing·2025-04-10 06:23

useState 是如何工作的？一文带你拆解 React 组件状态的秘密

1.useState基本用法jsx复制编辑importReact,{useState}from"react";functionCounter(){const[count,setCount]=useState
程序员小续·2025-04-09 00:41

React 多个 HOC 嵌套太深，会带来哪些隐患？

例如：jsx复制编辑constEnhancedComponent=withAuth(withLogge
程序员小续·2025-04-08 23:07

React基础使用学习

这是在用JSX定义一下react元素constapp=欢迎进入React的世界ReactDOM.render(app,document.getElementBy
Mr.温m_·2025-04-08 11:11

React面试常考内容【从宏观到微观】

React面试常考内容的系统梳理，从宏观设计思想到微观实现细节，涵盖高频考点及底层原理：一、宏观层面：React设计哲学与架构核心设计理念•声明式编程：通过描述UI的最终状态而非操作步骤实现高效开发（如JSX
GISer_Jinger·2025-04-07 15:09

vue，jsx里自定义指令的写法

用原生vnode的数据格式使用自定义指令：注意属性名一定是directives！！！不能改！//格式constdirectives=[{name:'permission',value:['hangup'],modifiers:{}}]return//实例render:(h:any,scope:any)=>{letdirectives,comp=''if(scope.row.payment_stat
·2025-04-04 19:35

react native是什么？

RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发
是陈默啊·2025-04-04 15:18

nextjs系列教程(三)：pages和路由

Pages页面用法1.1概念介绍在Next.js中，一个page（页面）就是一个从.js、jsx、.ts或.tsx文件导出（export）的React组件，这些文件存放在pages目录下。
HarryDeveloper·2025-04-01 18:50

前端国际化-插件模式

API生成JSON语言文件React国际化实现Webpack插件开发创建i18n-webpack-plugin.js插件：在src目录下扫描所有文件使用babel-parser解析JavaScript/JSX
神奇大叔·2025-03-31 19:09

用react实现router路由

my-react-app/├──public/#静态资源│├──favicon.ico│└──robots.txt├──src/│├──assets/#静态资源│├──pages/#页面组件││├──Home.jsx
勘察加熊人·2025-03-31 00:33

react——渲染列表

React提供了高效的方式来实现这一点，通过JavaScript的数组操作结合JSX，可以将数据转换为可渲染的组件或元素。
JL-ll·2025-03-27 19:59

重温React框架

Declarative）2.组件化（Component-Based）3.单向数据流（UnidirectionalDataFlow）二、React的核心技术机制1.虚拟DOM（VirtualDOM）2.JSX
向贤·2025-03-26 01:18

深入理解 JSX：构建 React 用户界面的利器

目录一、JSX介绍1.JSX概念2.为什么使用JSX，JSX有什么好处？
码农白衣·2025-03-25 01:49
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他