初心 - 杨瑞超个人博客

在开发中，下载功能是我们经常遇到的，一般下载有两种：1、后端直接返回文件地址，前端使用a标签下载2、后端返回文件流第1种很简单，今天我们来试下下载文件流，首先看下后端返回的数据截图：一看到这里，我去，有点懵啊，这啥玩意，这就是所谓的文件流，想要下载，也是可以的，操作步骤如下：直接上代码啊，有任何问题可以私聊联系，一起学习~此代码以vue+elementUI为例，react中同理页面代码：axios代码：下载文件流代码：感谢阅读，有任何问题，可以一起探讨呦~...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416直接贴代码了：<input type='text' onChange={this.handleEmail.bind(this)}/>handleEmail (e) { let value = e.target.value; if(!(/^[a-zA-Z0-9...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416先看图：redux执行流程：react改变store数据，先要判断action中的方法，通过store.dispatch(action)把数据给store，store又把数据给reducers，在reducers做处理，reducer可以接收state，单是绝不能修改state，所以要深拷贝，然后再把新...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828原文地址：https://qianduan.group/posts/5bebe26f9fd64d5a7458a932...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828代码：import { injectGlobal } from 'styled-components';injectGlobal`body { margin: 0; padding: 0;}`报错信息展示：说明：在style...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 9369298281、进入官网https://www.iconfont.cn/2、登录阿里员工可以使用阿里域账号噢~3、图标管理–我的项目4、新建项目填写好之后可看到新建的项目：5、搜索在搜索框输入语义化关键字即可，例如：“搜索”，搜索结果如下图...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828官方文档：https://facebook.github.io/immutable-js/docs/#/ ，这个是需要翻墙的噢~今天来研究下immutable.js的使用方法：概述因为在redux的过程中，我们不能直接改变state数据，需要返回...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828在react开发中，router是必不可少的，例如我们做登录功能时，登录成功之后，需要对页面重定向，这该怎么写呢，看看下面的代码就会一目了然~import { Redirect } from 'react-router-dom'// 开始逻辑if...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接写代码了：<Route path='/path/:name' component={Path}/><link to="/path/2">xxx</Link>this.props.history.push({p...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述：使用 create-react-app 脚手架创建项目后，默认是不支持 less 的。所以我们需要手动添加。第一步 暴露webpack配置文件（之前也发布过一篇此文章https://blog.youkuaiyun.com/qq_42817227/arti...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828富文本编辑器，在开发中是常用的，下面直接进入正题了：1、先npm导入wangEditor：npm install wangeditor -D2、贴代码了：import React, { Component } from 'react'impo...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416直接贴代码了：import React from 'react';export default class Demo extends React.Component{ constructor(props){ super(props); this.state = {...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416直接贴代码了：<Input placeholder="www.chao99.top" onKeyUp={this.onKeyup} />onKeyup(e) { if(e.keyCode === 13) { this.handleBtnClick()...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416前言：学习react生命周期很重要，此文章将详解生命周期 生命周期分为3个阶段： 1、初始化阶段 2、更新阶段 3、销毁阶段 小编在网上找了一张生命周期图： 详细介绍如下：初始化阶段1、getDefaultProps()设置默认的props，在es6中使用组件名.dufa...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416react组件分为内置组件和自定义组件，下面我们来详细介绍：1、内置组件： html标记可以直接渲染 例如：div p span ……2、自定义组件： 自定义组件为自己定义的组件，创建方法有3种 （1）静态无状态组件（函数式无状态组件），不会被实例化,没有this，只有属性prop...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416当我们按照官方安装脚手架之后，发现webpack.json特别简洁，然而我们还可以看到有以下配置："eject": "react-scripts eject"这个可以暴露配置文件，打开cmd，进入项目目录：yarn eject运行之后会询问是否暴露，输入y即可，现在打开项目根...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416探讨问题： 在使用React中 如果使用ES6的Class extends写法 如果onClick绑定一个方法，需要bind(this)，而使用React.createClass方法 就不需要。 解析： React.createClass 是ES5 的写法默认绑定了 bind 写法。 在 ES6...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416在我们实际开发中，单击事件传参也是经常用到的，下面我们来研究下传参问题。正常绑定事件：<button className="clear-completed" onClick={test()}>点击</button>传递参数我们需要这样写：错误写法：&l...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例。使用方法绑定一个 ref 属性到 render 的返回值...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416该函数会在setState函数调用完成并且组件开始重渲染的时候被调用，我们可以用该函数来监听渲染是否完成，demo代码如下：this.setState( { username: 'tylermcginnis33' }, () => console.log('这是回调函数'))文章到此结束...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416有时候我们需要使用后台给的数据作为state的key值，自己写又太麻烦，直接动态即可：state = { link: '',} onShow = (key) => { this.setState({ [key]: 'www.chao99.top' });...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828最近两天GitHub将发布redux相关的实例，尽请关注。初心-GitHub：https://github.com/782483506...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828笔记详见语雀：https://www.yuque.com/chao99/blog/redux源码：待发布...

欢迎加入qq群(IT-程序猿-技术交流群)：757345416React简介：React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。下面我们开始搭建环境：1、npm 安装 create-react-...