vue安装

全局安装 vue-cli cnpm install -g vue-cli 创建基于webpack模板的项目 vue init webpack projectName 进入项目目录、安装依赖 cd projectName cnpm install 运行项目 cnpm run dev

2019-02-17 20:03:56

阅读数 11

评论数 0

JavaScript闭包

文章目录代码运行时代码声明和函数会被提前(即变量提升)作用域闭包 代码运行时代码声明和函数会被提前(即变量提升) console.log(a)//undefined var a = 200 上面的代码打印结果是undefined,原因是上面的代码等同于下面的写法 var a = undefine...

2019-02-16 20:59:45

阅读数 6

评论数 0

JavaScript异步、单线程

JavaScript是单线程语言。同时只能做一件事情,为了防止阻塞代码异步由此产生。 同步和异步的区别:同步会阻塞代码 以下代码执行的结果是 1 3 2。注意即便time=0执行结果也相同 console.log(1) let time = 1000 setTimeout(()=&am...

2019-02-16 20:29:00

阅读数 8

评论数 0

JavaScript原型链

引用类型:数组、对象、函数 引用类型特点:可自由扩展属性 //对象类型 var obj = {name:'zheng'} obj.sex = 0 //数组类型 var arr = [1,2,3] console.log(arr) //[1, 2, 3] arr.name = 'zheng' c...

2019-02-16 10:39:44

阅读数 12

评论数 0

React Navigation中整合redux

安装以下package cnpm install --save react-navigation-redux-helpers cnpm install --save redux cnpm install --save react-redux cnpm install --save redux-...

2019-02-12 22:32:59

阅读数 41

评论数 0

react native中icon使用

运行以下命令: yarn add react-native-vector-icons react-native link react-native-vector-icons 示例: import React,{Component} from 'react' import {View,Text} f...

2019-02-12 19:44:49

阅读数 28

评论数 0

react native安卓运行react-native run-android之后报Error: Activity class {com.native_test/com.native_test.Ma

1、版本:0.57.0 产生原因:0.57.0版本有bug 解决办法:安装指定版本 react-native init native_test --version 0.57.8

2019-02-12 18:56:59

阅读数 19

评论数 0

React Native中解析HTML

使用这个react-native-htmlview可以解析HTML字符串。实现效果和vue中的v-html指令或jQuery中$(Selector).html()相同 示例: import React from 'react' import {Text,View} from 'react-nati...

2019-01-29 23:26:06

阅读数 29

评论数 0

React Native中的布局

使用width和height react native中width和height没有单位,表示的是与设备像素密度无关的逻辑像素点 <View style={{width:100,height:100,backgroundColor: 'gray'}}&gt...

2019-01-29 09:35:12

阅读数 20

评论数 0

React Native中如何快速使一个元素相对屏幕水平居中,垂直居中

alignItems:决定其子元素沿着侧轴(次轴)的排列方式 justifyContent:决定其子元素沿着主轴的排列方式 width和height:react native指定宽高,其值不能带有单位,纯数字 实现效果如下——使元素相对屏幕水平居中,垂直居中: 代码: import React ...

2019-01-28 19:39:39

阅读数 27

评论数 0

React Native运行出现Requested keys of a value that is not an object错误

产生这个错误的原因是把字符串当成对象处理了。

2019-01-28 12:47:15

阅读数 36

评论数 0

fetch使用详解

文章目录参数说明与$.ajax()的不同示例不带参数的请求带参数的请求(以post为例)判断请求是否成功 参数说明 fetch参数:一个必选的资源路径和一个可选的参数init。无论请求是否成功都返回一个Promise 与$.ajax()的不同 fetch与$.ajax()的不同 当接收到类似40...

2019-01-26 21:58:38

阅读数 58

评论数 0

后台接收fetch传递的post数据

fetch官网post传递数据用的是JSON.stringify()的形势: fetch('http://www.tingchunyu.com/test/fetch_test/fetch_getuser_test.php', { body: JSON.stringify({id:666})...

2019-01-26 20:26:49

阅读数 45

评论数 0

react native的导航库react navigation整合redux之后处理Android物理返回键

import React from "react"; import { BackHandler } from "react-native"; import { NavigationActions } from &quo...

2019-01-26 13:14:31

阅读数 89

评论数 0

ES6中Promise的用法及resolve、rejected、catch、finally说明

文章目录Promise对象的特点:Promise语法.then().catch().finally() Promise是异步编程的一种解决方案。避免了类似于$.ajax()这种多个异步操作层层嵌套的问题。 Promise对象的特点: Promise对象有三种状态:padding(初始状态)、fu...

2019-01-23 23:36:19

阅读数 26

评论数 0

React Navigation航器之createStackNavigator实现页面间普通跳转、切换

文章目录StackNavigator语法参数说明RouteConfigsnavigationOptions配置项参数说明StackNavigatorConfig简单示例 StackNavigator语法 createStackNavigator(RouteConfigs,StackNaviga...

2019-01-22 13:16:53

阅读数 63

评论数 0

redux使用教程一 ——实现计数器

文章目录安装概念介绍actionreducer 安装 安装稳定版redux:cnpm install --save redux 安装redux绑定库和开发者工具: cnpm install --save react-redux cnpm install --save-dev redux-devto...

2019-01-19 21:40:24

阅读数 45

评论数 0

react native使用SwipeableFlatList组件实现类似QQ消息列表左滑出现操作按钮的效果

文章目录说明SwipeableFlatList组件特有属性说明示例代码App.jsHome.jsSwipeableFlatList.js效果图 说明 使用的组件是SwipeableFlatList和FlatList实现的效果差不多,只是在列表上左滑出现了类似QQ消息列表的操作按钮,直接贴出列表代码...

2019-01-14 17:17:29

阅读数 8161

评论数 0

React Native中使用FlatList组件实现上拉刷新、下拉加载

文章目录使用到的FlatList属性示例代码App.jsHome.jsFlatList.js 使用到的FlatList属性 data:值为array 渲染列表的数据源,目前只支持普通数组 renderItem:值为function 从data中挨个取出数据并渲染到列表中。 ListEmptyCo...

2019-01-14 16:14:02

阅读数 8085

评论数 2

React Navigation安装

在使用React Navigation之前需要安装,依次运行以下命令: 运行 yarn add react-navigation或 cnpm install --save react-navigation 运行yarn add react-native-gesture-handler或cnp...

2019-01-14 14:35:28

阅读数 46

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭