关注
分享
具备JavaScript、ES5，ES6，React 前端基础；ReactNative技术基础（语法，环境搭建）；
真实的上线项目总结。
kingrome2009
成功与否，在于有没有强烈成功的欲望
展开
-
STAR模型
STAR原创 2017-12-22 15:25:44 · 7728 阅读 · 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 · 276 阅读 · 0 评论 -
react native 团队页面 思路跳坑
React Native 版本执行0.57的规则后台出了一个接口，根据不同的参数获取不同的团队信息。刚开始做的时候，一个接口调了两次，因为异步的问题不能根据设想的步骤先出现一级团队，再出现二级团队，问题比较奇葩，所以定义了两个方法 。import React, { Component } from 'react';import { StyleSheet, Text, View, Scr...原创 2019-05-25 19:13:56 · 294 阅读 · 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 · 243 阅读 · 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 · 391 阅读 · 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 · 521 阅读 · 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 · 2599 阅读 · 3 评论 -
react native 原生js处理支付流程
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现，两者是同一个东西一、let 和 const 命令ES6 新...原创 2018-06-19 17:44:34 · 1523 阅读 · 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 · 398 阅读 · 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 · 438 阅读 · 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 · 460 阅读 · 0 评论 -
react native 原生js解决局部数据渲染
总体把控三点封装多态继承面向对象oop是一种编程思想，最大的好处就是让程序更容易维护增加了代码的重复利用效率。所谓的手写对象 var per = { name:'laoyeye', age:'90', say:function(){ alert(this.name) } }数据属性提供的高级功能没必要利用，但理...原创 2018-06-03 20:12:55 · 956 阅读 · 0 评论 -
react native Clipboard复制粘贴
北京的朋友 出行一般都会用到 易通行 方便快捷里面的线路图 怎么实现的 实现起来难不难 实在把我问蒙蔽了！直到 我看到这个，比格的技术的瞬间 爆裂了，无声的爆裂 了高德开放平台地铁图 JS API是一套简单易用的移动端地铁线路图开发接口，用户可以通过该API开发出具有地铁线路展示、路线查询、站点标注以及路线规划功能的地铁图移动端H5页面。高德开放平台地铁图 JS API...原创 2018-04-15 17:29:18 · 1421 阅读 · 0 评论 -
react native 数据缓存的保存和获取
React Native 版本执行0.57的规则开发票页面，刚开始的初衷是完全应用state状态存储，但是后期测试发现，会把错误的信息传递出去，因为输入框发生变化就会把数据保存下来，当点击页面的返回按钮，就会把错误的数据带出去import React, { Component } from 'react';import { StyleSheet, Text, View, Scroll...原创 2019-03-03 11:17:18 · 4158 阅读 · 0 评论 -
react native 原生js整合复杂数据结构
React Native 版本执行0.57的规则第一版设计需求是点击个人总览信息跳入订单详情页面，比较好处理，首先得到用户总览信息，通过制定参数得到订单列表数据，数据结构如下图第二版设计需求是，总览信息与订单列表一块显示，就需要整合数据结构，将两者整合到一块便于页面渲染import React, { Component } from 'react';import { StyleS...原创 2019-03-03 11:06:05 · 460 阅读 · 0 评论 -
react native 使用ImageCropPicker 七牛云上传图片
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是，如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管...原创 2018-08-31 10:54:04 · 817 阅读 · 0 评论 -
react native 前端注册逻辑判断 界面交互
昨天被问数组方法的时候，问到sort()方法是否会改变原来的数组。本来我猜是不会，也是这么说，马上我又觉得，知识这种东西，不确定的时候直接说不确定或不知道就好，只是凭借着不确定的猜测或者是记忆，害人害己，于是我又回答不知道。结果果然。。。我记错了0.0 还是自己总结测试一下比较靠谱，印象也比较深刻。欢迎大家提出相关意见或建议，提前谢谢哈~ 一.原生js方法 1.遍历数组 in(同时也是对象遍原创 2017-12-29 14:41:08 · 452 阅读 · 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 · 644 阅读 · 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 · 2001 阅读 · 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 · 1433 阅读 · 1 评论