(1)README.md：README.md文件是一个项目的入门手册它里面介绍了整个项目达到什么样子的效果、需要搭建什么样的环境、具备什么样的技能等等。README文件写得好不好，关系到这个项目能不能更容易的被其他人使用。(2).gittignore:每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(nod
转载
2024-01-12 12:00:51
58阅读
前言react 模版文件,每次写组件需要复制的模版内容01.class类型的jsximport React, { createElement, Component } from 'react';import classNames from 'classnames';// classNames({ name: true, name2: false }) ==> 'name'import Pr
转载
2021-01-20 20:38:21
198阅读
2评论
不使用webpack或其他任何编译打包工具，但使用React的JSX混合语法，直接在浏览器中运行React的元件component，十分钟最快速上手。 image为什么用React？数据绑定假定我们需要在网页上呈现一个按钮和一个数字，每点击一次按钮，数字就会增加1，类似于购物车里面商品数量增加的情况。这个要怎么实现？传统的办法是给按钮添加一个onClick事件函数，函数里面获取数字元素
转载
2024-06-19 15:22:03
63阅读
在现代前端开发中，使用React来构建应用程序已成为一种流行的选择。然而，随着应用程序的复杂性增加，未来的部署和维持变得更具挑战性。于是，我们决定探讨如何使用Docker将React应用程序容器化。本文将从多维度切入，逐步分析这一过程，特别关注性能、扩展性以及实际应用。
### 背景定位
随着微服务架构的流行，Docker成为了开发者打包和分发应用程序的理想选择。对于React应用来说，使用D
一、搭建webpack4.x环境1.创建工程文件夹（ReactDemo）2.在工程文件夹下，快速初始化项目 npm init -y // 创建一个package.json文件 3.在工程文件夹下，创建源码文件夹（src）和编译打包文件夹（dist）4.在源码文件夹下，创建index.html和入口index.js文件5.在工程文件夹下，安装webpack npm i webpa
文章目录1. 第一个 react 应用2. jsx2.1 jsx 介绍2.2 使用 jsx 重构页面显示结构2.3 jsx 表达式2.4 jsx 动态属性赋值2.5 jsx 列表渲染 1. 第一个 react 应用引入文件：react 开发需要引入多个依赖文件，其中 react.js、react-dom.js 这两个文件是我们创建 react 应用程序必须要引入的依赖文件。# react.js
转载
2023-12-14 08:30:39
91阅读
路由传参不管是vue还是react 无外乎就是通过link路由跳转， 使用js传参， 或者this.props.history.push（）页面跳转， 再或者是query , params 传参。 通常是把参数放在路径后边拼接。或者通过对象的方式传过去，页面进行接收。 简单说一下我们常见的方式， 最后说一下也是比较常用的方式（loaction , state）**一、params传参 1，刷新页面
转载
2024-06-04 10:57:49
85阅读
捣腾文件上传功能的前后端实现。
最近心血来潮，打算自己捣腾个web app来练练手（虽然大概率会半路弃坑……），其中有一部分是关于文件上传的，在实现的过程中遇到了一些坑，于是打算把血泪教训都记录下来。前端的部分采用了Antd，不得不说真是香，至少比我司内部的前端库香了1000倍……事半功倍。后端部分则主要通过multer来实现，目测应该是一种比
转载
2023-07-18 16:18:30
183阅读
概述 实现方式 依赖的主要 package 前端页面 markdown 文件位置 实现效果 概述 markdown 文件虽然可以转成 html 文件再展示在浏览器中， 但多了一层转换总觉得有些麻烦，特别是对于需要频繁改动的 markdown 文件。 所以，这里探索了一种直接在 React 工程中显示 ...
转载
2021-05-18 23:08:00
1429阅读
2评论
svg文件相比图像的好处是放大不会失真。。 https://www.jianshu.com/p/4e730383f1e0 ...
转载
2021-07-21 14:24:00
239阅读
2评论
原创
2022-11-18 00:17:46
39阅读
大纲本章主要是一些ts的类型工具以及模块化和相关实践，涉及以下内容： - 类型编程 - module和namespace - 小技巧 - ts在react中的实践这篇稍微有点零碎，建议多查阅文档或相关的文章进行更多的了解，代码示例以告知 QAQ类型编程索引类型（假定我们要取出如下对象的name属性对应的值）const 索引类型查询操作符class 索引访问操作符 T[K][], 之前也
转载
2023-10-23 11:08:20
77阅读
出于安全和隐私的原因，web 应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件，可以通过使用input file和FileReader来实现。在这篇文章中，我们将通过一些例子来看看它是如何工作的。文件操作的流程获取文件由于浏览器中的 JS 无法从用户的设备访问本地文件，我们需要为用户提供一种方法来选择一个或多个文件供我们使用。这可以通过文件选择器来完成。如果想允选择多个文件，可
转载
2024-08-14 07:32:52
162阅读
前段时间公司项目有个大文件分片上传的需求，项目是用React写的，大文件分片上传这个功能使用了WebUploader这个组件。具体交互是：1. 点击上传文件button后出现弹窗，弹窗内有选择文件和开始上传button。2. 每个文件显示序号、文件名、进度条、上传操作按钮（开始/暂停、删除）。3. 选择好文件之后点击开始上传，文件按照顺序自动从第一个开始上传。4. 期间如果用户点了弹窗“X”关闭，
转载
2024-08-19 10:44:11
137阅读
一、 React 结合 Antd 实现图片上传引入所需相关的组件和文件，代码如下所示：import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { Upload, Icon, Modal, message } from 'antd'
import { reqDeleteImg } from
转载
2024-02-19 15:51:46
139阅读
概述:上一篇文章记录了如何创建一个react 工程，本篇文章记录如何react和react dom的关系及如何创建和渲染元素到页面正文：react和react domReact 在v0.14之前是没有 ReactDOM 的，所有功能都包含在 React 里。从v0.14(2015-10)开始，React 才被拆分成React 和 ReactDOM。为什么要把 React 和 R
转载
2024-03-01 10:25:22
38阅读
使用dockerfile实现一次编写，即可一键启动整个项目。再也不用每次繁琐的重新安装环境依赖（前置条件：安装好centos系统，安装好docker软件），配置项目参数等一系列复杂操作。一、安装centos这一步如果是使用云的话可以一键安装，所以这个步骤就省略了。二、安装dockerDocker安装请参考这篇文章 Centos7 安装 Docker三、安装docker-composeDocker
转载
2023-12-14 15:54:07
346阅读
react-native 项目–安卓开发1. 环境搭建 搭建rn项目需要的环境(1)安装node:建议安装nvm：node版本管理器，用于管理Node版本，切换node版本、下载、卸载，安装教程参考：nvm安装教程注：使用nvm下载的Node才可以用nvm进行管理<!--例如下载：nvm install 12.10.0-->
nvm install node版本号
<!--查看
转载
2023-07-26 19:39:04
143阅读
环境搭建好之后的项目结构（搭建环境方法可参照），利用VScode编辑器打开：这个是自动创建的初始结构，下面是各个文件的内容和作用。1.package.json这个文件是管理下载的依赖包,在项目中经常用到的是"react"库，“react-dom”（将jsx语法渲染到dom中）在项目中最重要的命令是“start”启动项目，"bulid"的作用就是将项目打包。2.public文件夹 &
转载
2023-11-29 20:23:35
182阅读
注：Demo源码地址：https://github.com/smk108/react-angular React和Angular都是主流的前端框架，我参与的前端项目通常都是使用react开发，因为要在自己开发的项目中使用一个由angular开发的开源项目，因此开始尝试两大主流框架的集成。 React文档中讲到了react可以与第三方库整合，是以jQuery 和Backbone为
转载
2024-01-12 14:17:43
101阅读
