一.使用href:const w=window.open('about:blank');
w.location.href='/#/exam?id='+value.examsId 在新的页面上可直接在location里接收 Js的几种调用方法（参考总结的）1、a href="javascript:js_method();" &nbs
转载
2024-02-28 10:35:28
46阅读
前后端（react+springboot）服务器部署1_前端react+umi服务器部署1.1_前端生成dist目标文件1.2_准备连接服务器的工具1.3_安装nginx1.4_部署项目1.4.1_传输dist文件1.4.2_配置配置文件1.4.3_启动nginx2_后端springboot项目部署服务器2.1_后端生成目标文件2.2_准备连接服务器的工具（同1.2）2.3_在服务器上安装jdk
一、前言
转载
2024-07-02 07:34:18
82阅读
react界面 当您开始一个新的前端项目时，通常要做的第一件事就是创建一个漂亮的设计。 您仔细计划和绘制所有UI组件，以及它们可能具有的每种状态或效果。 但是，在开发过程中，情况通常会开始发生变化。 新的需求以及无法预料的用例在这里和那里弹出。 最初的漂亮组件库无法满足所有这些要求，因此您开始使用新设计进行扩展。 如果此时您仍然有一位设计专家，这是很好的，但是很多时候他们已经切换到另一个项目，而
转载
2024-05-07 21:32:28
112阅读
使用react创建单页面项目 react创建单页面项目并且组件传值首先在app.js中配置路由,这里是通过reac
转载
2022-06-20 17:44:39
216阅读
该方案使用场景：在html页面中使用react，主js文件index.js和其它非react功能使用js模块化的方式开发，适合轻量级中小型应用 index.html代码： 引入react、react-dom、babel、moment、antd等 <!DOCTYPE html> <html lang=
原创
2022-04-30 14:11:50
1239阅读
react渲染过程1、React整个的渲染机制就是React会调用render()函数构建一棵Dom树， 2、在state/props发生改变的时候，render()函数会被再次调用渲染出另外一棵树，重新渲染所有的节点，构造出新的虚拟Dom tree跟原来的Dom tree用Diff算法进行比较，找到需要更新的地方批量改动，再渲染到真实的DOM上，由于这样做就减少了对Dom的频繁操作，从而提升的性
转载
2023-06-28 16:56:21
157阅读
react渲染1 、渲染方式：component ——每次都会触发组件的生命周期 //component /kerm 'pao nent/成分；组件render —— 内联模式渲染，性能会更高，props需要传递到函数内 //render v .使成为；给与；children ——会一直渲染 不管匹配模式 //children n.孩子们2、渲染机制渲染过程：react渲染整个渲染机制就是Reac
转载
2023-09-26 16:51:46
140阅读
综合自：百度百科、快科技、知乎等WordPress 宣布停止使用 React近日，WordPress 创始人 Matt 发表博客称决定停止使用 React，原因则是专利问题。同时，Matt 在文章中表示，WordPress 最近几年对 React 非常满意，不过现在还是决定放弃 React，并已经和核心开发者进行交流，开始进行新的技术选型。（博客地址：https://ma.tt/2017/09/o
移动应用很少只包含一个页面。从你添加第二个页面开始，就得考虑如何管理多个页面间的跳转了。导航器正是为此而生。它可以也便于定制。 场景（Scene）
原创
2023-04-27 12:14:58
551阅读
npx create-react-app react-intl-demo && cd react-intl-demo,创建react-intl-demo项目。npm install react-intl, 安装react-intl。使用react-intl时, 首先要提供一个provider，把整个
转载
2023-08-27 14:55:59
67阅读
<Button style={{backgroundColor:'#F0F2F5'}} onClick={()=>{window.location.href="https://baidu.com"}} className="r-button" > // 如果使用hashHistory const h
转载
2019-06-17 15:32:00
1035阅读
作为小白学习react 前端，而且对es6的语法很多还是生疏的，平时熟悉的onclick 事件，在react中居然调试了很久，到最后才成功的调用了函
原创
2022-07-07 17:27:12
449阅读
React基础React 概述React 是一个用于构建用户界面的JavaScript库。用户界面： HTML页面（前端） React主要用来写HTML页面， 或构建Web应用如果从MVC的角度来看，React仅仅是视图层（V）,也就是只负责视图的渲染，而并非提供了完整的M和C的功能。React 有如下几个特点：声明式：你只需要描述UI（HTML）看起来是什么样，就跟写HTML一样，React只负
转载
2024-07-22 11:15:01
156阅读
前言 学习总结使用，博客如中有错误的地方，请指正。改系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。一、配置侧边栏组件 我们已经将将路由搭建好了，在浏览器中输入不同的url路径，能访问到不同的页面。接下来，我们要将管理后台的页面布局呈现出来。
转载
2024-03-25 16:49:17
356阅读
1. 根据后端返回的dataMenu数组的id值，来获取dataList数组中对应的id的数据，按后端返回id顺序进行渲染数据技术使用：find() 方法返回符合指定条件（函数内判断）的数组的第一个元素的值const dataMenu= [1,3]
const dataList = [{
id: 1,
name: '测试测试'
},{
id: 2,
name: '测试测
转载
2024-05-29 06:31:35
0阅读
本文目录结构Title(网页标题) 和 Meta 标签更改标题标签你可以在生成的项目的 public 文件夹中找到 HTML 源文件。你可以编辑其中的 标签，将标题从 “React App” 更改为其他任何内容。 请注意，通常你不会经常编辑 public 文件夹中的文件。例如，在不触及 HTML 的情况下 添加样式表。如果需要根据内容动态更新页面标题，可以使用浏览器 document.titl
转载
2024-08-30 12:46:47
153阅读
建一个项目，就可以...
原创
2023-04-03 10:58:58
213阅读
由于之前我是h5的，没接触过ios和安卓， 也不了解xcode配置，所以 建议学reace-native之前还是先去了解一下ios和安卓开发环境搭建等问题。环境下载及配置 nodejs：https://nodejs.org/en/download/ 设置淘宝镜像
$ npm config set registry http://registry.npm.taobao.org/ Xcode： htt
转载
2024-03-08 12:36:33
55阅读
一、背景：由于公司内部系统很多，内网系统需集成Okta进行统一化单点登录，便于管理公司内部员工账号，无需每个系统都去维护账户信息，由于项目比较老，springboot是1.5.x版本的，所以未采用spring security进行集成Okta，需要保留原有的账号密码登录形式这里只展示纯Java端代码，如需前端React代码见 ————二、实现思路及使用架构：应用是一个前后端分离项目、前端是Reac
