AI 助理
文档备案控制台
文章 2024-01-16 来自：开发者社区

React.js：改变Web开发方式的JavaScript库

 一、简介在当今的Web开发领域，React.js无疑是一个备受瞩目的明星。作为一个由Facebook开发和维护的开源JavaScript库，React.js以其独特的功能和广泛的应用场景，吸引了无数开发者的目光。在这篇文章中，我们将深入探讨React.js的背景、特点、使用场景以及未来发展趋势，帮助大家全面了解这个改变Web开发方式的库。二、React.js的背景与特点React.j....

React.js：改变Web开发方式的JavaScript库
文章 2024-01-08 来自：开发者社区

react-router4.2使用js控制路由跳转的3种方式

查看前端面试题小程序 大量面试题和答案，请微信一、背景在很多情况下，我们需要用js来控制页面的路由切换，而不是通过Link标签这种方式，比如有这样一个场景，用户要登陆一个网站才能看到网站里面的内容，登录接口是一个独立的子页面，登陆成功后，才能进入网站浏览相关内容，使用react做SPA时就需要做路由的切换。二、react-router4.2在网上随处可见react-router入门使用方式，通过....

react-router4.2使用js控制路由跳转的3种方式
文章 2023-12-15 来自：开发者社区

前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组

一、简介可以在 vue、react、js … 等前端开发中，将 excel、csv 文件转成 json 对象提交给服务器。只需要导入文件，即可获得转出的 json 数组对象，每个 sheet 一个数组，其次每行一个数组，再其次每个单元格的值存放到行数组中，支持合并的单元格解析。二、使用安装$ npm i ex2json引入import ex2json from "ex2json";使用<t....

文章 2023-12-15 来自：开发者社区

React craco 详细使用与介绍（类似 Vue 外抛的 vue.config.js）

一、简介craco 官方文档、craco Github。craco 是一个用于扩展 Create React App（CRA）的工具，CRA 是一个用于快速搭建 React 应用的脚手架工具。CRA 提供了一个简单的项目结构和配置，使得开发者可以快速开始一个 React 项目的开发。然而 CRA 的配置是被隐藏的，开发者无法对其进行自定义和扩展。这就是 craco 出现的原因。craco（Cre....

文章 2023-12-15 来自：开发者社区

React craco 解决 webpack ＜ 5 used to include polyfills for node.js core ...

在运行 React 项目时，报错：BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for....

文章 2023-12-15 来自：开发者社区

React 配置别名 @ （ js/ts 项目中通过 webpack.config.js 配置）

一、简介在 Vue 项目当中，可以使用 @ 来表示 src/，但在 React 项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。别名主要解决的问题：每个页面都使用路径的方式进行引入，这样很麻烦，效率很低，这个时候可以配置一个别名，来直接使用别名引入。使用 @craco/craco 可以在不释放 React 隐藏配置（$ npm run eject）的情况下就能配置好别名，参考文章。....

文章 2023-12-15 来自：开发者社区

React Proxy 详细流程与配置方式（webpack、setupProxy.js、package.json）

一、 package.json 配置方式全部以 GET 请求为例，每次修改配置后，重启项目，否则不生效。访问 http://127.0.0.1:6000/api/user/list 接口为例检查自己脚手架版本sh $ create-react-app -V若脚手架版本在 2.0 以下，可以使用对象类型配置代理，在项目的 package.json 文件中配置如下：js "proxy": { "/a....

React Proxy 详细流程与配置方式（webpack、setupProxy.js、package.json）
文章 2023-12-15 来自：开发者社区

React 创建 js 与 ts 项目

一、npx 创建创建 js 工程$ npx create-react-app demo创建 ts 工程$ npx create-react-app demo --template typescript二、npm 创建全局安装 create-react-app# 如果之前安装过，可先移除，保证最新版本 $ npm uninstall -g create-react-app # 安装 $ npm i....

React 创建 js 与 ts 项目
文章 2023-12-13 来自：开发者社区

react原生js爬楼

完整代码首先需要给我们需要滚动的元素设置固定的高度然后设置overflow:auto 设置为超出显示滚动条之后我们给这个元素设置滚动事件 当我们在这个元素中滚动的时候触发然后在方法中我们通过document.querySelector获取到该元素然后通过该元素的clientHeight和scrollTop两个属性来实现爬楼效果在这里需要明确两点 一：clientHeight是可视区的高度这个高度....

react原生js爬楼
文章 2023-12-12 来自：开发者社区

前端知识笔记（二十六）———React如何像Vue一样将css和js写在同一文件

如果想在React中想要像Vue一样把css和js写到一个文件中，可以使用CSS-in-JS。使用CSS-in-JS下载npm i styled-components使用就像写scss一样，不过需要声明元素的类型基本语法及展示如下import styled from "styled-components" export default () => { const Father = st...

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

JavaScript react相关内容

JavaScript您可能感兴趣

产品推荐

Node.js 性能平台
Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。
申请开通
产品文档
入门指导
产品快速入门
常见问题
最佳实践
内存泄露案例
产品动态
产品最新动态

开发与运维

集结各类场景实战经验，助你开发运维畅行无忧

+关注