- 内容介绍 1、开发环境准备 安装Nodejs第一个Nodejs程序Nodejs和npmnodemon实现热启动使用nrm解决npm源的使用nvm管理Nodejs版本 2、Web应用基础 Web应用以及Express使用Express搭建第一个Web服务路由(Routing)的介绍和使用中间件(Middleware)介绍和使用自定义编写中间件异常处理MySQL的安... 内容介绍 1、开发环境准备 安装Nodejs第一个Nodejs程序Nodejs和npmnodemon实现热启动使用nrm解决npm源的使用nvm管理Nodejs版本 2、Web应用基础 Web应用以及Express使用Express搭建第一个Web服务路由(Routing)的介绍和使用中间件(Middleware)介绍和使用自定义编写中间件异常处理MySQL的安...
- 1、Component介绍 一般Component需要被其它类进行继承,Component和Android一样,也有生命周期 英文图片如下 2 具体说明 1)、挂载阶段 constructor() //构造函数,声明之前先调用super(props) componentWil... 1、Component介绍 一般Component需要被其它类进行继承,Component和Android一样,也有生命周期 英文图片如下 2 具体说明 1)、挂载阶段 constructor() //构造函数,声明之前先调用super(props) componentWil...
- 1 简单部分代码 export default class App extends Component<Props> { render() { return ( <View style={styles.container}> <View style={styles.welcome}> <Button onPress={this.s... 1 简单部分代码 export default class App extends Component<Props> { render() { return ( <View style={styles.container}> <View style={styles.welcome}> <Button onPress={this.s...
- 1 didFocus和didBlur解释 didFocus - the screen focused (if there was a transition, the transition completed) didBlur - the screen unfocused (if there was a transition, the transition com... 1 didFocus和didBlur解释 didFocus - the screen focused (if there was a transition, the transition completed) didBlur - the screen unfocused (if there was a transition, the transition com...
- 1 问题 在一个文件构建一个对象,然后在另外一个文件里面new这个对象,通过构造方法传递参数,然后再获取这个参数 2 测试代码 Student.js文件如下 'use strict'; import React from 'react' import {NativeModules, NativeEventEmitter,... 1 问题 在一个文件构建一个对象,然后在另外一个文件里面new这个对象,通过构造方法传递参数,然后再获取这个参数 2 测试代码 Student.js文件如下 'use strict'; import React from 'react' import {NativeModules, NativeEventEmitter,...
- 1 问题 部分代码如下 class HomeScreen extends React.Component { render() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Home Screen</Te... 1 问题 部分代码如下 class HomeScreen extends React.Component { render() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Home Screen</Te...
- 1 React Native里面一般导出函数或者常量或者组件 如果是默认组件或者类(export default修饰)的话,在另外一个地方导入的时候不需要加上{},格式如下 导出 export default class Student { } 导入 import Student from "./file" &nb... 1 React Native里面一般导出函数或者常量或者组件 如果是默认组件或者类(export default修饰)的话,在另外一个地方导入的时候不需要加上{},格式如下 导出 export default class Student { } 导入 import Student from "./file" &nb...
- Native 模块(Android) 有时候APP需要做出React Native平台没有的功能,你也许会想用一些存在的java代码去解决问题,而不是用javascript脚本去去解决问题,或许写一些高性能,多线程的代码,列如图片处理,数据库,或者任何先进的继承 &... Native 模块(Android) 有时候APP需要做出React Native平台没有的功能,你也许会想用一些存在的java代码去解决问题,而不是用javascript脚本去去解决问题,或许写一些高性能,多线程的代码,列如图片处理,数据库,或者任何先进的继承 &...
- React Native 中组件的生命周期 概述 就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图: 如图,可以把组件生命周期大致分为三个阶段: 第一阶段... React Native 中组件的生命周期 概述 就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图: 如图,可以把组件生命周期大致分为三个阶段: 第一阶段...
- 1 怎么实现发送和接收事件 理论上封装了Android原生广播的代码,需要注册和反注册,这里用DeviceEventEmitter实现 //增加监听 DeviceEventEmitter.addListener //取消监听 //this.emitter.remove(); 这里可也可以通过安卓原生向页面js发送消息,可以参考我的这篇博客 React Native之And... 1 怎么实现发送和接收事件 理论上封装了Android原生广播的代码,需要注册和反注册,这里用DeviceEventEmitter实现 //增加监听 DeviceEventEmitter.addListener //取消监听 //this.emitter.remove(); 这里可也可以通过安卓原生向页面js发送消息,可以参考我的这篇博客 React Native之And...
- 1 hardwareBackPress 我们用hardwareBackPress来监听手机物理返回键 2 js那边常用写法 BackHandler.addEventListener('hardwareBackPress', this._back); ... 1 hardwareBackPress 我们用hardwareBackPress来监听手机物理返回键 2 js那边常用写法 BackHandler.addEventListener('hardwareBackPress', this._back); ...
- 2020/11/20、 周五、今天又是奋斗的一天。 @Author:Runsen React,也有了自己去构建一些应用的信心,那会是一种非常棒的感觉。 容器组件和无状态组件 React类组件是在JavaScript ES6时引入的,因为直到ES6才支持JS类。有时候它们也被称为React ES6类组件。 在上次的TodoList示例中,render函数是... 2020/11/20、 周五、今天又是奋斗的一天。 @Author:Runsen React,也有了自己去构建一些应用的信心,那会是一种非常棒的感觉。 容器组件和无状态组件 React类组件是在JavaScript ES6时引入的,因为直到ES6才支持JS类。有时候它们也被称为React ES6类组件。 在上次的TodoList示例中,render函数是...
- 2020/11/21、 周六、今天又是奋斗的一天。 @Author:Runsen 创建项目 使用 React 官方脚手架工具提供的工作流快速搭建和开发项目。发现React比Vue在某些方面还是强很多。 $ create-react-app jianshu $ cd jianshu $ npm start 123 styled-components ... 2020/11/21、 周六、今天又是奋斗的一天。 @Author:Runsen 创建项目 使用 React 官方脚手架工具提供的工作流快速搭建和开发项目。发现React比Vue在某些方面还是强很多。 $ create-react-app jianshu $ cd jianshu $ npm start 123 styled-components ...
- 2020/11/19、 周四、今天又是奋斗的一天。 @Author:Runsen React,相比于Vue,React更加灵活,但是对JavaScript基础的要求也更高一些。我继续学习React 文章目录 propTypesdefaultPropsrefs生命周期函数 propTypes 数据类型校验,当父组件传递的数据与子组件规定的数据类... 2020/11/19、 周四、今天又是奋斗的一天。 @Author:Runsen React,相比于Vue,React更加灵活,但是对JavaScript基础的要求也更高一些。我继续学习React 文章目录 propTypesdefaultPropsrefs生命周期函数 propTypes 数据类型校验,当父组件传递的数据与子组件规定的数据类...
- 1 生命周期图 流程图 结构图 组件初始化: 先调用getDefaultProps()getInitialState()render第一次 render 后,调用 componentWillMount、componentDidMount之后:componentWillUpdate、componentDidUpdate 这些流程就是为了形成钩子方法。 更新UI可... 1 生命周期图 流程图 结构图 组件初始化: 先调用getDefaultProps()getInitialState()render第一次 render 后,调用 componentWillMount、componentDidMount之后:componentWillUpdate、componentDidUpdate 这些流程就是为了形成钩子方法。 更新UI可...
上滑加载中