安卓环境配置安装JDK安装完成后,使用命令行检查版本 java -version安装Android Studio 以及SDK 下载AS和SDK，建议使用http://www.androiddevtools.cn/，这里整理得比较清晰，SDK下载可能要使用国内镜像，具体使用上面的网址有介绍。 这里需要注意设置环境变量ANDROID_HOME 1. 打开控制面板，选择系统和安全->系统->高级系统设置->高级->环境变量->新建，变量名填写ANDROID_HOME，变量值填写你把Android SDK解压后放置的位置。 ...
首先npm和node环境就不说了，不懂得参考我写的vue2.0安装，里面有npm和node安装的介绍react开发参考官网创建react项目搭建开发环境，安装的是最新版npx create-react-app my-app(这个是项目名称)安装完成后cd my-app 直接npm run start 看到运行之后的效果 先按官网走一遍基础吧JSX简介JSX是一个Javascript的语法扩展，了解下jsx编译Babel 会把 JSX 转译成一个名为 React.createElement() 函数调用。 const element = (<div classN...
一、错误日志：Warning: Failed child context type: Invalid child context virtualizedCell.cellKey of type number supplied to CellRenderer, expected string.这个错误是在使用 RN官网推出最新的列表组件 FlatList 是出现的红色警告，出现这个错误可以正常运行，就是每次调试时看到它总觉得怪怪的，所以就查资料处理了，下面给出解决方案：解决示例代码片段：<FlatList style={myStyle.newsList} ref={(flatList)=>th...
与React相似：（1）虚拟DOM（Virtual DOM）虚拟DOM的诞生是基于：改变真实的DOM状态远比改变一个JS对象的花销要大的多。虚拟DOM是一个映射真实DOM的JS对象，当有变化产生时，就会创建一个新的虚拟DOM对象，计算新旧Virtual DOM的差别，然后把这些差别应用在真实的DOM上。虚拟DOM的本质是嵌套着数组的原生对象，当新一项被加进当前JavaScript对象时，一个函数会计算新旧Virtual DOM的差异且反应在真实的DOM上。高性能框架提供了计算...
什么是声明生命周期函数：生命周期函数是组件在某一个时刻会自动执行的函数。 一：挂载阶段（Mounting）执行的生命周期函数： componentWillMount（） == UNSAFE_componentWillMount（） 表示：组件将要挂载阶段自动执行 render（） 表示：渲染页面内容时自动执行 componentDidMount（） ...
刚好做到一个优惠券秒杀显示时间，倒计时时间，效果如下， 主要用到定时器 setInterval 思想：定义一个定时器，完成之后一定要再生命周期内销毁定时器1.vue中使用，在 mounted 生命周期里定义一个计时器， beforeDestroy 销毁定时器 mounted(){ let _this = this this.timerID = setInterval(() => { this.useTime = _this.ShowCountDown(this.startTime,this.endTime) },1000); },销毁定时器 be...
1.全局安装webpacknpm install webpack然后在启动的时候就会报错 改成带上版本号就不会报错npm install webpack@3.5.5 -g --unsafe-perm2.创建package.json文档 .首先新建文件reactWebpacke（这个名字自己随便取），然后在此文件执行下面代码npm init然后一路next下去如下面图片 项目文件夹中会出现一个文件package.json 2.安装react, react-dom, webpacknpm install react react-dom --savenpm install webpack --sa...
时间限制：0.5s空间限制：6M题意： 显然就是求一个无源汇有上下界的网络流的可行流的问题 Solution：没什么好说的，直接判定可行流，输出就好了code/*无汇源有上下界的网络流 */ #include <iostream> #include <cstring> #define ms(a,b) memset(a,b,sizeof a) usingnamespace std; constint MAXN = 209;struct node {int u, v, c, ne; } edge[MAXN * MAXN << 2]; int pHead[MAXN*MAXN], SS, ST, T, ncnt, ans; int Gup[MAX...
一、路由模块化（用字典定义路由，然后循环出来）1.官方文档参考【官方文档】https://reacttraining.com/react-router/web/guides/quick-start 【路由模块化实例】https://reacttraining.com/react-router/web/example/route-config2.路由模块化：实现代码其它代码参考：十七：https://blog.csdn.net/u010132177/article/details/103323644 主要内容：【1】、【2】处 App.jsimport React from 'react'; import './App.css'; import...
1.getDefaultProps初始化设置props2.getInitialState初始化设置state3.componentWillMount第一次完成渲染时调用4.componentDidMount第一次渲染完成后调用，且仅调用一次，一般用于绑定时间5.componentWillReceiveProps渲染完成再次收到Prop时调用6.shouldComponentUpdate暂时还用用到过7.componentWillUpdate接收到新props或者state时调用8.componentDidUpdate每次渲染完成都会调用，在滚动插件isCroll中每次dom的结构变化时，整体...
提示：props的值是不可以改变的... <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="./js/react.js"></script><script src="./js/react-dom.js"></script><script src="./js/browser.min.js"></script></head><body><div id="demo"></div><script type="text/babel">//定义一个组建，名字第一个必须是大写var Fir = React.createClass({render:function(){return(//必须要有一个...
# React## React 和 vue- React 和 vue 同属MVVM框架 - M:model - V:VIEW - VIEWMODEL- React 全部是在js中定义的，不象vue将文件拆分为3部分。- react 不存在模板的说法## 虚拟DOM- 概念 - DOM是浏览器提高的API数量相对固定，扩展比较难 - 虚拟DOM：用js对象表现出DOM的内容以及层级系，可以自定义api,通过特定的方式渲染到页面中。- 原理 - 按需更新，重新渲染- diff算法 - 逐层对比新旧dom树，所有节点对比完毕后，就能...
本文推荐 11 个非常棒的 React Native 开源组件，希望能给移动应用开发者提供帮助。React Native 是近期 Facebook 基于 MIT 协议开源的原生移动应用开发框架，已经用于 Facebook 的生产环境。React Native 可以使用最近非常流行的 React.js 库来开发 iOS 和 Android 原生 APP。1. iOS 表单处理控件 tcomb-form-nativetcomb-form-native 是 React Native 强大的表单处理控件，支持 JSON 模式，可插拔的外观和感觉。在线演示：http:/...
效果图： 进入工作目录，运行react-native init NavigatorProject创建项目NavigatorProject import React, { Component } from ‘react‘; import {AppRegistry,StyleSheet,Text,View,TouchableHighlight,Image,Navigator } from ‘react-native‘; class navigatorProject extends Component{ render(){ let defaultName = ‘firstPageName‘; let defaultComponent = FirstPageComponent; return( ...
什么是组件组件化就好像我们的电脑装机一样，一个电脑由显示器、主板、内存、显卡、硬盘，键盘，鼠标...。组件化开发有如下的好处：降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求。例如输入框，可以替换为日历、时间、范围等组件作具体的实现。调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或者根据报错的组件快速定位问题，之所以能够快速定位...