人间真的不值得的博客

React Native应用中的样式RN中样式与CSS名称类似，但是本质上不同 —— RN应用中没有浏览器内核！！！例如：RN中的组件不分“行内”、“行内块”、“块级”；所有的容器默认都使用“弹性布局(纵向)”。RN组件可以使用标准CSS中绝大部分的属性，但是需要注意如下特点：1、组件没有class属性，只有style属性，且必须绑定为“属性对象”，例如：style={ obj }；2、RN样式属性对象名全部采用小驼峰命名法，例如：borderLeftWidth；3、RN中的尺寸没有单位，都是指

React Native概述React是一个构建用户界面的JS框架,实现了数据的响应式和组件化开发,本身既可以用于Web网站项目,也可以用于创建移动端App项目.相较于Vue.js在移动端只能构建WebApp,React生态系统中有一个可以构建"真正原生App"的扩展----React Native,可以说:“RN是React生态圈可以傲视其它对手的绝对功臣”.RN可将JS编译成Java/OC语言 目前最新版本是0.67React Native的优缺点优点1.RN可将标记元素转化为真实的原生UI

React中的列表渲染Vue.js中使用v-for 实现模板中的列表项循环渲染；小程序中使用 wx:for 实现模板中的列表项循环渲染；React中没有模板（即不需要v-for），也没有指令系统（即没有提供类似的机制）。方法1:for循环遍历import React, { Component } from 'react'export default class App extends Component { // 假设服务器端返回如下 state={books:['巴黎圣母院','悲惨世界

React 应用中的异步数据请求----fetch与Vue.js一样，React官方也没有提供服务器端接口异步请求方案；可以使用第三方的axios模块，或者H5新增的原生技术：fetch(抓取)---- 有望取代XHR使用fetch发起GET请求：fetch(url) .then( res=>res.json() )//res就是完整的响应消息;res.body是流对象 .then( data=>console.log(data) ) .catch( err=>consol

Vue.js中组件有如下生命周期函数:beforeCreate / craeted / beforeMount / mounted / beforeUpdate / updated / beforeDestroy / destroyed小程序中组件有如下生命周期函数:onLoad / onShow / onReady / onHide / onUnloaduni-app中有如下生命周期函数:应用级: onLaunch / onShow / onHide页面级: 同小程序组件级: 同Vue.js

React中的条件渲染Vue.js中使用v-if/v-else实现模板中的条件渲染；小程序中使用wx:if/wx:else实现模板中的条件渲染；React中没有模板（即不需要v-if），也没有指令系统（即没有v-if）。——条件渲染需要手工实现有四种渲染方式好了，上代码方法1：创建判断函数上面的代码实现为此方法f1(){ if(){ return JSX}else return JSX }}{this.f1()}//快捷输入代码块rccimport React, { Com

React事件处理方法中this指向为undefined的四种解决方案:话不多说,先上代码如图所示:点击’-‘按钮数字减一,并打印出当前数字,点击’+'按钮数字加一,并打印出当前数字<div id="root"></div><script src="js/react.development.js"></script><script src="js/react-dom.development.js"></script>&lt