2017-11-10 react 打印页面怎么实现
原创 2022-05-05 14:19:43
184阅读
第一种打印方式 window.document.body.innerHTML = window.document.getElementById('print')!.innerHTML; window.print(); window.location.reload(); 直接根据dom节点打印
原创 2022-10-29 05:54:42
214阅读
前端
原创 2023-02-12 11:09:48
76阅读
React框架众所周知,React与Vue,Angular被前端开发人员称为前端的三大框架。在如今,React和Vue相对于老牌的Angular,它们的表现更为出色,常常被各大公司使用。但其中React的技术难度要稍稍大于Vue,不过为了能够更好地开发前端程序,开发出更具灵活度的项目,了解React是有必要的。React是一个由Facebook开发的JavaScript库,用于构建快速响应的用户界
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hello_React</title></head><body> <!--
原创 2021-12-25 17:12:13
41阅读
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hello_React&l
原创 2022-02-25 13:45:20
30阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
原创 2021-09-03 13:53:24
161阅读
实现 React Hooks UI 开发有两个问题: 展示复用 逻辑复用 展示复用目前基本使用组件化来解决,逻辑复用一直以来都没有特别好的解决方案。React 从一开始的 mixin ,到 高阶组件 以及 Render Props ,都是在试图解决这个问题,但是都引入了一些别的问题。 Mixins ...
转载 2020-07-06 18:44:00
222阅读
2评论
//列表内容const datalist = { "colleagues": { "name": "同事", "list": [ { id: Math.random(), "name": "小明", ...
原创 2021-09-03 13:53:05
135阅读
# Java实现React ## 引言 React是一个用于构建用户界面的JavaScript库,它以声明式的方式描述用户界面的组件,通过虚拟DOM的机制实现高效的页面更新。然而,很多开发者可能习惯了使用Java进行开发,想要在Java中实现类似的功能。本文将介绍如何使用Java实现类似React的功能,并提供代码示例。 ## React的核心概念 在实现类似React的功能之前,我们需要
原创 2023-11-17 14:52:58
74阅读
1、脚手架安装React项目安装 create-react-app 脚手架来创建 react 项目。npm install -g create-react-app create-react-app my-app使用该脚手架创建的 react 项目默认是不显示配置文件的,可以使用 npm run eject 命令将配置文件显示出来,该命令是一个单向操作,即一旦运行了,就不能再次将配置文件隐
转载 2024-05-12 21:28:30
6阅读
一、简言React开发目前已经非常流行,对于如何实现React项目的管理和维护,React生态圈出现了大量可用的开发工具,例如Browserify、Gulp、Grunt、webpack等。其中,webpack称为CommonJS模块的主流工具之一,它是一个模块绑定器,拥有模块化和网络性能的两大优点,可以将不同类型的文件转换为单个文件,也可以将所有的依赖项打包成单个文件。当然,使用webpack管
转载 4月前
125阅读
说明一下:实现这个案例需要准备的东西实在太多,不可能把所有的代码都贴上来(贴了,您也未必想看啊,哈)所以,css代码,配置文件,无关逻辑的就不往这上面贴了(想必大家既然选择做这个案例,这些基本的东西也都是会的,如果有什么疑问或者想要完整的源码的可以留言,嗯、互相帮助,互相进步)需要掌握的知识点:webpack、npm、CommonJs、ES6、reactreact-router功能效果:(从上到
原创 2023-03-01 00:52:22
308阅读
export default class Tab extends Component{ constructor(props){ super(props) this.state={arr:[false,true,true]} } change=(i)=>{var arr=this.state.arr; console.log(i...
原创 2021-09-03 13:42:04
765阅读
React原理解析
原创 2022-06-30 14:25:50
180阅读
import React, { Component } from 'react' // import NavBar from './NavBar' import NavBar2 from './NavBar-2' export default class App extends Component 
原创 2021-08-13 09:44:05
174阅读
react拖动实现方式:鼠标按下开启移动,鼠标移动元素位置跟随,鼠标抬起关闭移动。
原创 2023-05-17 11:45:16
73阅读
import React,{Component} from 'react';import '../assets/css/index.css';class Todolist extends Component { constructor(props) { super(props); this.state = { list:[...
原创 2021-08-30 14:03:22
166阅读
React实现 POST 请求有多种方式,以下是几种常用方法的详细实现及最佳实践:1. 使用原生 Fetch API(推荐)最轻量级的解决方案,无需额外安装库:import React, { useState } from 'react'; function PostExample() { const [data, setData] = useState(null); const
原创 3月前
115阅读
React实现的日历(博客迁移文章,原发表于2019-01-06 15:54:31)
原创 4月前
85阅读
  • 1
  • 2
  • 3
  • 4
  • 5