React Native React编写原生应用
具备JavaScript、ES5,ES6,React 前端基础;ReactNative技术基础(语法,环境搭建);
真实的上线项目总结。
kingrome2009
成功与否,在于有没有强烈成功的欲望
展开
-
STAR模型
STAR原创 2017-12-22 15:25:44 · 7756 阅读 · 4 评论 -
react native xunwoo编程技巧
精简抓重点三位一体的页面:结构层、表示层、行为层style 是一个对象动态添加元素:可以用克隆实现 (‘li’).click(function(){(‘li’).click(function(){ (this).clone(true).appendTo(‘ul’) })DOM 一律采用驼峰命名法来表示css的连字符**浏览器更快加加载页面:**script标签放到body结束的位置。==会原创 2017-10-09 10:25:07 · 285 阅读 · 0 评论 -
react native 团队页面 思路跳坑
React Native 版本执行0.57的规则后台出了一个接口,根据不同的参数获取不同的团队信息。刚开始做的时候,一个接口调了两次,因为异步的问题不能根据设想的步骤先出现一级团队,再出现二级团队,问题比较奇葩,所以定义了两个方法 。import React, { Component } from 'react';import { StyleSheet, Text, View, Scr...原创 2019-05-25 19:13:56 · 305 阅读 · 0 评论 -
react native fetch.js md5.js 数据请求
React Native 版本执行0.57的规则将参数中所有的map字典排序,排序并转换成字符串返回"sign": "签名加密串",// 私钥 + 时间戳 + data内参数名 key+value 拼接对应的值(参数名按正序排序)md5/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Messa...原创 2019-05-12 17:40:28 · 251 阅读 · 0 评论 -
react native 数据局部刷新 switch渲染模版
React Native 版本执行0.57的规则第一版优惠券中心,是删除已领取的状态,后来又改为全部展示,分为已领取、去使用、已使用、已过期几种状态。import React, { Component } from 'react';import { StyleSheet, Text, View, ScrollView, Image, ImageBackground, Touchable...原创 2019-04-21 17:50:58 · 403 阅读 · 0 评论 -
react native 自定义 DatePicker AddressPicker
Input 类型 - number number 类型用于应该包含数值的输入域。 您还能够设定对所接受的数字的限定第一种:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1"> <title>velocit原创 2017-10-25 17:12:31 · 529 阅读 · 0 评论 -
react native 更换手机号 验证码输入框
React Native 版本执行0.57的规则import React, { Component } from 'react';import { StyleSheet, Text, View, TextInput, ScrollView, KeyboardAvoidingView, Image, TouchableOpacity, StatusBar } from 'react-nat...原创 2019-04-14 15:26:07 · 2621 阅读 · 3 评论 -
react native 原生js处理支付流程
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现,两者是同一个东西一、let 和 const 命令ES6 新...原创 2018-06-19 17:44:34 · 1533 阅读 · 0 评论 -
react native 原生js整理数据结构 收银付款
React Native 版本执行0.57的规则import React, { Component } from 'react';import { StyleSheet, Text, View, ScrollView, Image, TouchableOpacity, StatusBar, BackHandler } from 'react-native';import Nav fr...原创 2019-03-10 13:28:39 · 408 阅读 · 0 评论 -
react native 价格计算 退货退款流程
React Native 版本执行0.57的规则涉及到优惠券、积分、礼品卡支付等抵现的情况,没有发货退邮费,发货后不退邮费,复杂的地方在于计算那一块import React, { Component } from 'react';import { StyleSheet, Text, View, ScrollView, Modal, Image, TouchableOpacity, S...原创 2019-03-10 13:21:34 · 446 阅读 · 0 评论 -
react native 原生js最简单的方法操作数据 积分规则手风琴效果
React Native 版本执行0.57的规则/** * Created by ke2933 on 2018/12/21 * 积分规则 */import React, { Component } from 'react';import { StyleSheet, Text, Animated,View, ScrollView, Image, TouchableOpacity...原创 2019-03-10 12:47:43 · 464 阅读 · 0 评论 -
react native 原生js解决局部数据渲染
总体把控三点封装多态继承面向对象oop是一种编程思想,最大的好处就是让程序更容易维护增加了代码的重复利用效率。所谓的手写对象 var per = { name:'laoyeye', age:'90', say:function(){ alert(this.name) } }数据属性提供的高级功能没必要利用,但理...原创 2018-06-03 20:12:55 · 968 阅读 · 0 评论 -
react native Clipboard复制粘贴
北京的朋友 出行一般都会用到 易通行 方便快捷里面的线路图 怎么实现的 实现起来难不难 实在把我问蒙蔽了!直到 我看到这个,比格的技术的瞬间 爆裂了,无声的爆裂 了高德开放平台地铁图 JS API是一套简单易用的移动端地铁线路图开发接口,用户可以通过该API开发出具有地铁线路展示、路线查询、站点标注以及路线规划功能的地铁图移动端H5页面。高德开放平台地铁图 JS API...原创 2018-04-15 17:29:18 · 1424 阅读 · 0 评论 -
react native 数据缓存的保存和获取
React Native 版本执行0.57的规则开发票页面,刚开始的初衷是完全应用state状态存储,但是后期测试发现,会把错误的信息传递出去,因为输入框发生变化就会把数据保存下来,当点击页面的返回按钮,就会把错误的数据带出去import React, { Component } from 'react';import { StyleSheet, Text, View, Scroll...原创 2019-03-03 11:17:18 · 4174 阅读 · 0 评论 -
react native 原生js整合复杂数据结构
React Native 版本执行0.57的规则第一版设计需求是点击个人总览信息跳入订单详情页面,比较好处理,首先得到用户总览信息,通过制定参数得到订单列表数据,数据结构如下图第二版设计需求是,总览信息与订单列表一块显示,就需要整合数据结构,将两者整合到一块便于页面渲染import React, { Component } from 'react';import { StyleS...原创 2019-03-03 11:06:05 · 467 阅读 · 0 评论 -
react native 使用ImageCropPicker 七牛云上传图片
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管...原创 2018-08-31 10:54:04 · 830 阅读 · 0 评论 -
react native 前端注册逻辑判断 界面交互
昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组。本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害己,于是我又回答不知道。结果果然。。。我记错了0.0 还是自己总结测试一下比较靠谱,印象也比较深刻。欢迎大家提出相关意见或建议,提前谢谢哈~ 一.原生js方法 1.遍历数组 in(同时也是对象遍原创 2017-12-29 14:41:08 · 457 阅读 · 0 评论 -
react native 电商购物车 双重遍历添加是否选中字段 获取选中的商品数据 全选与多选
body, ul, li, p { margin: 0; padding: 0}ul, ol { list-style: none;}.home-subjects-v2 { height: 128px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; bor...原创 2018-05-05 17:35:22 · 651 阅读 · 0 评论 -
react native FlatList下拉刷新上拉加载数据,前端分页,无数据计算高度
&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;meta charset=&amp;amp;原创 2018-05-05 17:38:15 · 2015 阅读 · 0 评论 -
react native 使用AsyncStorage 存储搜索历史记录
React Native 版本执行0.57的规则公共方法/** * key-value 存储 * App用到的所有存储 key 名字在此处列出并注明 例如: userInfo 用户信息 * searchHistory 搜索历史arr */import { AsyncStorage } from 'react-native';// 设置 itemexport as...原创 2018-12-16 17:43:45 · 1443 阅读 · 1 评论