u013040887的博客

axios以FormData转输数据时，要以FromData()建设成对应格式数据，并且转输的时候，要qs.stringify格式化。需要用到qs模块 const url = `/server/api/code/`; var formData = new FormData(); // 需要以这种方式建FormData数据格式 formData.append('code', this.props.code); axios.post( ur.

https://github.com/jossmac/react-toast-notifications

想要借助`webview`动态的渲染`html`代码,但是我html中需要用到的一些`css`或者`js`我该如何加载呢？全部写在html中?这好像也可以,但是他呀的,这样样式这么多，在加上`js`,这代码是不是太多了？下面我们来看下如何在`RN`中加载静态资源吧！我这里的只针对`Android`平台,至于`ios`的我还没有研究过.1.第一步先打开android/app/s...

import AceEditor from 'react-ace'; // 引用实例import 'brace/mode/twilight'; // 引用自定义主题import 'brace/mode/c_cpp'; // 定义为c_cpp代码高亮import'brace/ext/language_tools'; // 增加代码提示// 增加需要自定义的代码提示const com...

1.安装命令npm install react-ace2.导入相关配置import AceEditor from 'react-ace';//language_tools语言工具，代码提示工具import 'brace/ext/language_tools';//searchbox过滤框，快捷键ctrl+Fimport 'brace/ext/searchbox';//一...

Tabs页面：import React from 'react';import PropTypes from 'prop-types';import classNames from 'classnames';import bindAll from 'lodash.bindall';import styles from './Tabs.css';class TabsComonen...

为什么要使用高阶组件？想想以前用原生和jQuery的项目，上千行的code映入眼帘，瞬间有种昏死过去的冲动。代码难以维护，改一个bug可能出现N个bug，真的是很痛苦。于是乎组件化成为了当前前端开发的主流技术。angular、vue和react很好的帮我们实现了组件化。但是我们常常也会遇到一种情况，就是两个组件往往有很多的重复代码(可能是相同的属性，也可能是相同的方法)。例如，在登录和注册...

在目前的前端社区，『推崇组合，不推荐继承（prefer composition than inheritance）』已经成为了比较好的实践，mixin 也因为自身的一些问题而渐渐不被推荐。高阶组件（Higher order components）作为 mixin 之外的一种组件抽象与处理形式，有哪些不同和好处呢？继续阅读来了解一下吧！本文翻译自 franleplant的博客 React Hig...

在 Vue 里，我们会用 <template></template> 标签来包裹一些不能有父容器的复数同级标签。例如在 <tbody></tbody> 标签中，我们只能放置 <tr></tr>标签，假如我们同时有多个 <tr> 标签被赋值给一个 JSX 变量，那么在 React 里也有类似的功能：&lt

这里写的是一个原生js实现拖拽的效果，首先：1、实现拖拽的三大事件，是要首先清楚的onmousedown （鼠标按下的时候）、onmousemove（鼠标移动的时候）、onmouseup（鼠标松开的时候）2、给目标元素加上onmousedown时间，记录鼠标按下的时候，鼠标距离所在元素的位置（就是鼠标距离所在元素边界的距离left、top）记录为disX、disY。要注意的是，要移动的...

1.安装axiosnpm install axios --save -g2、先写好拦截器、服务等新建一个名为http_server.js的文件// http_server.jsvar axios = require("axios")// 创建axios实例sconst service = axios.create({ baseURL: "http://127.0.0...

test.jsx import ReactTransitionGroup from 'react-addons-css-transition-group';.... <div className="helpModal" > <ReactTransitionGroup transitionName="modal" transitionEnterTime...

可以通过父组件传给子组件history.push()的方式去解决 父组件代码 render() { return ( <div className="homePage"> <MyAppModal history ={this.props.history} /> </div>)}子组件的调用history.pu...

刚刚开始的小伙伴是不是空格报错少一行报错各种错？是不是觉得快被限制的失去了自由的思绪了？受折磨后找到了不错的文章来取消eslint语法检测限制，作为学习笔记摘自segmentfault其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则：代码末尾不能加分号 ;代码中不能存在多行空行tab键不能使用，必须换成两个空格代码中不能存在...

写react也快半年了，讲一下自己对于生命周期的理解及各个生命周期的作用首先，看一下一个组件的构造1、constructorconstructor参数接受两个参数props,context可以获取到父组件传下来的的props,context,如果你想在constructor构造函数内部(注意是内部哦，在组件其他地方是可以直接接收的)使用props或context,则需要传入，并传入super对象。...

今天在看最新的React官方教程时发现了一个问题，开始全面使用ES6语法的React在Handling Events这节中，提到了绑定的事件处理函数要现在构造函数中使用bind()将this进行正确的绑定，涉及到的代码如下：class Toggle extends React.Component { constructor(props) { super(props); this...

react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。1.constructor( )-----super( )的基本含义constructor( )——构造方法       这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor(...

scss样式预编译的工具就不多解释，网上的介绍非常多。 留一个牛逼的地址：大漠讲解scss只说在react项目中的配置。 创建完项目后，要执行npm eject 也就是打开全部配置项。 安装依赖：yarn add sass-loader node-sass 找到config里面的两个配置文档。 配置的内容都是一样的。 代码是：{ test: /\.scss$/, loaders: ['style-...

React 的核心思想是组件化的思想，应用由组件搭建而成，而组件中最重要的概念是State（状态），State是一个组件的UI数据模型，是组件渲染时的数据依据。一. 如何定义State定义一个合适的State，是正确创建组件的第一步。State必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变，都可以从State的变化中反映出来；同时，State还必须是代表一个组件UI呈现的最小状态集，...

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。　　一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些...

闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。1、变量作用域要理解闭包，首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种：全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。注意点：在函数内部声明变量的时候，一定要使用var命令。如果不用...

写这个博客主要目的是有必要警醒一下自己，当然如果有其他猿有看到或许也能帮助下您。（也许其它大神在就知道了，恕小弟无知，才刚刚开窍）。问题很简单：上码（ header.jsx）[javascript] view plain copyfetchSelData = () => {          fetch('../data/selectData.json')              .the...

/** * 左补位,右对齐 * @param oriStr 原字符串 * @param len 目标字符串长度 * @param alexin 补位字符 * @return 目标字符串 */ public String padLeft(String oriStr,int len,char alexin){ int strlen = oriStr.length(); if(strl...

//获取文件后缀 function getType(file){ var filename=file; var index1=filename.lastIndexOf("."); var index2=filename.length;alert(index2); var type...

设置数据 constructor(props) { super(props); this.state = { decoratedata:[ {port:1,sensor:"超级传感器"}, {port:2,sensor:"超级传感器"}, ...

先绑定需要操作的对像<GsAiComponent ref="getSensor" onCancel={this.handleCancel.bind(this)} />然后进行绑定对像的操作this.refs.xxxx.xx()注意在调用this.refs.xx()前最好先用判断this, refs.xx是否存在,不然在子组件没出现前就调用，会报错if(this.refs.xxx){...

一、react-router1.安装npm install react-router-dom --save12.使用，我们直接上菜，想必大家已经饿了。//index.jsimport "../css/reset.css";import "../css/common.css";import React,{ Component } from "react";import { render } ...