u010565037的博客

目录出现原因简单请求与非简单请求：axios设置header信息原文地址：http://www.cnblogs.com/JimmyBright/p/7681097.html简单请求与非简单请求区别部分转载自：https://www.cnblogs.com/renpingsheng/p/7688134.html出现原因所有跨域的js在提交post请求的时候，如果服务端设...

一、电子表样式：1.public-->static-->引入2个字体文件（如果小伙伴有需要 可以私信我 我不知道怎么传到简书上）2.在入口文件index.ejs中@font-face指定名为dsDigital的字体并指定在哪里可以找到他的url3.其他用到该字体的页面 可以才less中直接写 font-family: 'dsDigital';二、数字滚动：1.下载npm i react-countup -S2.用到的页面引入import C..

import React, { Component } from 'react';import { Layout, Menu, Icon } from 'antd';import { Link } from 'react-router';const { Sider } = Layout;const SubMenu = Menu.SubMenu;class SiderCustom ex...

一：React的生命周期1.1 组件生命周期的三种状态展示：- Mounting: 已插入了真是dom结构- Updating: 正在被重新渲染- Unmounting: 已移出了真实dom结构1.2 关于 生命周期的处理函数（will表示进入状态之前调用，did表示进入状态之后调用）componentWillMount()//组件将要渲染到真实dom节点；componen...

一、组件React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样，在网页中插入这个组件。React.createClass 方法就用于生成一个组件类。var HelloMessage = React.createClass({ render: function() { return h1>Hello {this.props.name}

Failed to resolve: com.android.support:appcompat-v7:27.+ 解决方法。新创建一个android studio project.出现了Failed to resolve: com.android.support:appcompat-v7:27.+问题。我的工作环境是 android studio 2.3.3。app 下的 build.gr...

Android StudioError:Unsupported method: BaseConfig.getApplicationIdSuffix(). The version of Gradle y2018年01月02日 17:37:55 androidzmm 阅读数：4783今天用as打开很久之前的项目，打开报错：Error:Unsupported method: BaseCon...

 需求：将表格数据导出为EXCEL表格数据。环境：React+Ant Design步骤：安装插件js-export-excelyarn安装-记得以管理员身份执行yarn add js-export-excelnpm安装npm install js-export-excel一、代码示例页面先引入安装的插件import ExportJsonExcel from 'j...

input的只读模式<Input readOnly /> 注意：是readOnly，readonly或readonly=”readonly”无效。绑定的函数在加载时就会马上执行，不是触发才执行写法规范例子：不会马上执行：<div onClick={ handlerClick }>点击我呀!</div>有传入参数，加载时马上执行：&lt...

webpack配置historyApiFallback的坑Error in event handler for (unknown): TypeError: Cannot read property 'join' of undefined博主在使用webpack做spa（单页面应用）的时候出现了404错误，原因很简单是因为刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径...

背景：React项目使用Ant Design后发报 Warning: Failed prop type: Invalid prop `dataSource` of type `object` supplied to `Table`, expected `array`.问题点：传给Table组建dataSource={}属性的值的格式存在异常，dataSource={}属性...

安装 npm install jquery --save引入import React, { Component } from 'react'import $ from 'jquery'export default class Test extends Component { componentDidMount(){ console.log('$(".tes...

1、引入antd上传图片需要的包import React, { Component } from 'react';import { Upload, Icon, message } from 'antd';import reqwest from 'reqwest';2、前端实现代码class Register extends Component {state = { ...

使用React官方的脚手架工具create-react-app创建的项目，目录中会存在registerServiceWorker.js这个文件，这个文件的作用是什么呢？这个文件可以使用也可以不使用，使用它可以使你的react项目变成一个PWA（Progressive Web Application）, 也就是说，在线上，只要访问过一次你的网站，下一次即使没有网络，这个应用依然可以被访问。当然，...

在React开发中，我们可能经常会遇到这个一个警告：Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynch...

1. useState: 状态钩子基础用法const [state, setState] = useState(initialState);返回一个 state，以及更新 state 的函数。在初始渲染期间，返回的状态 (state) 与传入的第一个参数 (initialState) 值相同。setState 函数用于更新 state。它接收一个新的 state 值并将组件的一次重新渲染加入队列。...

几种方法1.createClass如果你还没有使用ES6语法，那么定义组件，只能使用React.createClass这个helper来创建组件，下面是一段示例：var React = require("react");var Greeting = React.createClass({ propTypes: { name: React.PropTypes.string //属

React原生动态添加多个className会报错：import style from './style.css'div className={style.class1 style.class2}div>123123想要得到最终渲染的效果是：div class='class1 class2'>div>11引入classnames库，安装：npm install cl

1、为什么会报错 ？　　这里抱着错误是因为 babel 的版本冲突。　　多是因为你的 babel 依赖包不兼容。 　　可以查看你的 package.json 的依赖列表　　即有 babel 7.0 版本的( @babel/core ， @babel/preset-react )　　也可命令查看 bebel-cli 的版本 （ babel -V ）　　也有 babel 6...

在React开发中，我们可能经常会遇到这个一个警告：Can't perform a React state update on an unmounted component.This is a no-op, but it indicates a memory leak in your application.我们不能在组件销毁后设置state，防止出现内存泄漏的情况关于re...

那我们所需要做的只是： 当路由改变时，根据路由，也去请求一下数据就OK了，于是乎:class NewsList extends Component { componentDidMount () { this.fetchData(this.props.location); } fetchData(location) { const type = locati...

react项目默认设置的端口号是3000，那要怎么修改默认的端口号呢？这是默认的项目结构在node_modules文件下找到react_script文件夹，代开scripts文件下，找到starts.js文件...

axios中的withCredentials是干嘛的？开启withCredentials后，服务器才能拿到你的cookie，当然后端服务器也要设置允许你获取你开启了才有用https://www.jb51.net/article/131043.htm...

Angularjs字符串拼接变量很简单，因为里面都是js操作，所以不论是<a ng-href="http://each.sinaapp.com/angular + {{variable}}">or<a ng-href="{{'http://each.sinaapp.com/angular'+variable}}">可以的，而在React里面确有...

高阶组件的概念高阶组件就是一个 React 组件包裹着另外一个 React 组件这种模式通常使用函数来实现，基本上是一个类工厂（是的，一个类工厂！），它的函数签名可以用类似 haskell 的伪代码表示hocFactory:: W: React.Component => E: React.Component其中 W (WrappedComponent) 指

1.JavaScript自身特性说明如果传递一个函数名给一个变量，之后通过函数名()的方式进行调用，在方法内部如果使用this则this的指向会丢失。示例代码：首先我们创建test对象并直接调用方法 ：const test = { name:'jack', getName:function(){ console.log(this.name) }...

react的优点:1、React速度很快：它并不直接对DOM进行操作，引入了一个叫做虚拟DOM的概念，安插在 javascript逻辑和实际的DOM之间，性能好。2、跨浏览器兼容：虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。3、一切都是component：代码更加模块化，重用代码更容易，可维护性高。4、单向数据流：Flux是一个...

打包编译执行完上述命令，打开本地浏览器，输入localhost：3000，就能看到项目的运行效果。此时是开发模式。若使用npm run build，代码会被编译到build目录。将整个应用打包发布，自动试用webpack进行压缩与优化。在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务...

一直存在一个warning：Please use `require("history").createHashHistory` instead of ......报错信息解决方法；把这两行代码：//importcreatHistoryfrom'history/createHashHistory'//返回上一页这段代码//consthistory=creatHi...

compileSdkVersion 21，说明要运行该源码，你必选已经安装了android API 21。buildToolsVersion 21.1.2 说明要运行该源码，你必须已经安装了 android sdk build-tools 21.1.2。minSdkVerison 表示向下低至android API 14，即androd 4.0和4.0以上的版本都可以运行该工程。targe...

Redirect组件开发中遇到的需求，ajax请求返回状态如果成功则跳转成功页面（很常见吧）。由于是单页应用，跳转前后用Route组件渲染，跳转用Redirect进行控制。测试demo结构如下：测试结构其中index.html，server.js和wepack.config.dev.js是我在写webpack热更新所用来编译项目的文件，大家可以用自己方式。index.js...

格式限制antd中表单的功能很多，下面就为大家整理了一下antd中常用的几种表单输入格式验证：1. 输入框不能为空限制，如下： {getFieldDecorator('name', { rules: [{ required: true, message: '名称不能为空', }], ...

eact初学者，后台项目有大量第三方插件修改版的，要使用一些第三方的Jquery插件，但是这些插件以前都是直接引用的，不在npm库里等等，不是module模块。怎么引用呢？那就用传统的 umd 的思路啊，直接入口的 html 文件加一个 script 标签引入这些 jquery 插件，一般来说它们都会挂载在 window 上面或者直接写一个全局变量，保证打包好的文件在这个标签之后，继续使用就好...

Uncaught (in promise)一般是pormise写法有问题new Promise(function(resolve, reject) {reject(‘该prormise已被拒绝’);}).catch(function(reason) {console.log(‘catch:’, reason);});...

一.React、React.js、React Native三者之间的关系React是基础框架，是一套基础设计实现理念，开发者不能直接使用它来开发移动应用或者网页。在它之上发展出了React.js框架用来开发网页，发展出来React Native用来开发移动应用。因为React基础框架与React.js框架是同时出现，同时进化发展，这造成了React基础框架的基本概念，设计思想都是在React....

This is to improve incremental resource processingBut if you are facing issues with it, you can switch back to previous version by adding this in gradle.propertiesandroid.enableAapt2=false

原文链接：http://www.cnblogs.com/datiangou/p/10161780.html在对自己开发的组件中经常会做诸如以下的引用：import genFetchEntryListArgs from '../../../utils/table/genFetchEntryListArgs';import { parseQuery, stringifyQuery } f...

去git上下载react-devtools文件到本地，下载地址： https://github.com/facebook/react-devtools ；  可以直接下载zip安装包解压，或者通过git clone来将项目拷贝到本地 git clone https://github.com/facebook/react-devtools.git 进入react-devtools文件...

安装yarn add babel-plugin-import实现按需加载组件代码和样式的babel插件下载babel-plugin-import插件，然后在webpack.config.dev.js中的plugins添加配置{ test: /\.(js|mjs|jsx|ts|tsx)$/, include: paths.appSrc,...