2017年07月_slowlifes

转载 Sql 四大排名函数（ROW_NUMBER、RANK、DENSE_RANK、NTILE）简介

排名函数是Sql Server2005新增的功能，下面简单介绍一下他们各自的用法和区别。我们新建一张Order表并添加一些初始数据方便我们查看效果。 CREATE TABLE [dbo].[Order]( [ID] [int] IDENTITY(1,1) NOT NULL, [UserId] [int] NOT NULL, [TotalPrice] [i

2017-07-27 16:58:22 1911

转载 React Native 常用的技术

下一个项目公司也打算使用React native.大致看了下原型设计,写几个小demo先试试水.特此记录下.http://www.cnblogs.com/shaoting/p/7148240.html转载1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付.2.导航条渐隐3.通讯录4.卡片式轮播5.时间轴6.图片+列表的

2017-07-27 00:41:06 553

转载可直接用于React Native开发各种加密标准的JavaScript库(MD5,AES,DES,SHA...)

尊重版权,未经授权不得转载本文来自brix 文章来自江清清的技术专栏(http://www.lcode.org)项目库地址:https://github.com/brix/crypto-js(一).前言之前很多朋友问有没有非常OK的，MD5,AES,DES相关库，需要在React Native上面进行使用。之前我也封装过一下MD5和AES相关的库，但是那个是在原生

2017-07-18 22:12:47 3088

转载 React-Native 之 Modal介绍与使用

遗漏的常用组件，刚发现官方有提供，这边也来介绍一下。http://www.jianshu.com/p/fa5814afac7d本章涉及资源下载：链接: https://pan.baidu.com/s/1o84o6JS 密码: htx6属性animationType（动画类型） PropTypes.oneOf(['none', 'slide', '

2017-07-18 22:03:16 2268

转载 react-navigation跨tab路由处理

一般应用都有跨tab跳转的需求, 这就需要特别处理下路由. 下面是使用React-navigation作为路由组件的一种方式.http://www.bijishequ.com/detail/369321具体情境是: app分三大模块Home主页, Bill账单和Me我的, 对应三个tab. 现在需求是 Home push HomeTwo, HomeTwopush BillTwo, Bi

2017-07-18 21:44:35 3567

转载 React Native自定义控件【底部抽屉菜单】

原生开发中，自定义View可谓是屡见不鲜的事情，往往系统的控件总不能满足现实的需求。五花八门的产品设计需要我们做出不同的View。关于自定义View的内容网上已经有很多的博文，本篇博客要和大家分享如何在React Native中自定义组件实现抽屉菜单控件效果。分享功能在App中的重要性想必是不言而喻的，那么RN中如何实现这种效果呢？react Native 系统库中只提供了iOS的实现，即

2017-07-18 21:22:53 1238 1

转载 React-Native子组件修改父组件的几种方式，兄弟组件状态修改

子组件修改父组件的状态，在开发中非常常见，下面列举了几种方式。DeviceEventEmitter可以跨组件，跨页面进行数据传递，还有一些状态的修改。http://www.jianshu.com/p/c6991a241b4f兄弟组件可以进行修改，所谓兄弟组件，就是说同一个页面，有两个组件，组件A，组件B，组件A的状态的变化，可以导致组件B的状态变化，有两种方式。第一种，使用Device

2017-07-18 21:21:34 5254

转载 React Native导航器之react-navigation使用

在上一节Navigation组件，我们使用系统提供的导航组件做了一个跳转的例子，不过其实战能力不强，这里推荐一个超牛逼的第三方库：react-navigation。在讲React-navigation之前，我们先看一下常用的导航组件。导航控件常见的导航主要分为三种： 1.StackNavigator ：类似于普通的Navigator，屏幕上方导航栏 2.TabNavigat

2017-07-15 17:29:01 3867

转载 Mobx使用详解

Mobx是一个功能强大，上手非常容易的状态管理工具。就连redux的作者也曾经向大家推荐过它，在不少情况下你的确可以使用Mobx来替代掉redux。本教程旨在介绍其用法及概念，并重点介绍其与React的搭配使用。先来看看最基本的用法。observable和autorunimport { observable, autorun } from 'mobx';const value

2017-07-15 11:00:32 6930 2

http://blog.talisk.cn/blog/2016/08/13/RN-Learning-path-for-iOS-developer/我是一名ios开发者，断断续续一年前开始接触React Native，最近由于工作需要，专职学习react Native也有一个多月了。网络上知识资源非常的多，但能让人豁然开朗、迅速学习的还是少数，我整理出的这些文章对于初学者来说是比较有好的，希望通过整

2017-07-13 00:28:28 609

转载 React Native ref高级用法&&setNativeProps使用

ref属性不只是string http://blog.csdn.NET/que_li/article/details/52872479ref属性不仅接受string类型的参数，而且它还接受一个function作为callback。这一特性让开发者对ref的使用更加灵活。render() { return (c) => this._input = c} />; },

2017-07-13 00:21:22 298

原创 Mobx使用教程

Mobx使用详解：http://www.jianshu.com/p/505d9d9fe36a

2017-07-13 00:20:55 983

转载 React Native之Modal组件实现遮罩层效果

React-Native中Modal的使用/** * React Native App * dongtao 2017/04/22 * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, Modal, PixelRatio, View

2017-07-12 22:21:08 3408

转载 React-Native项目中使用TabBar

之前的文章讲述了在RN项目中如何使用NavigationBar，如何调用原生模块，以及集成下拉刷新和上拉加载更多的功能，今天介绍一个第三方插件react-native-tab-navigator，讲述我是如何使用它在RN项目中使用TabBar项目源码在这里安装插件 npm install react-native-tab-navigator --save使用

2017-07-12 22:08:29 853

转载选项卡react-native-scrollable-tab-view(进阶篇)

http://www.jianshu.com/p/b0cfe7f11ee7在上一篇文章当中，我们学习了react-native-scrollable-tab-view的基本使用方式，包括基本Props的使用介绍等。我们知道官方为我们提供了两种基本的Tab控制器样式，DefaultTabBar和ScrollableTabBar。很多情况下，官方的样式并不能满足我们的需求（备注：官方的样式

2017-07-12 22:04:38 1265

转载选项卡react-native-scrollable-tab-view(入门篇)

http://www.jianshu.com/p/b7788c3d106e官方为我们提供的Tab控制器有两种：TabBarIOS，仅适用于iOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）如果我们需要一个更通用的Tab控制器，那么就要借助开源的力量，本篇文章教你如何使用react-native-sc

2017-07-12 22:03:47 630

转载《React-Native系列》16、 RN组件之ListView

今天来谈谈ReactNative提供的ListView组件，ListView是我们最常用的组件。还是先来看看官网怎么说的。ListView - 一个核心组件，用于高效地显示一个可以垂直滚动的变化的数据列表。最基本的使用方式就是创建一个ListView.DataSource数据源，然后给它传递一个普通的数据数组，再使用数据源来实例化一个ListView组件，并且定义它的renderR

2017-07-12 21:12:34 318

转载 react-native组件的拆分技巧

React组件具有很强的灵活性和功能性。在JS.COACH上有很多组件库可供使用，但随着时间的增长组件会变得非常臃肿。http://www.jianshu.com/p/4fefb48fa8c8与任何其他类型的编程一样，遵守单一原则不仅使您的组件更易于维护，而且还可以实现更多的复用。但是，确定如何分离大型react组件的职责并不是很容易的。这里有三种技巧让你从简单到复杂的方式学会拆分组

2017-07-10 16:03:54 1613

转载 React Native 触摸事件处理详解

触控是移动设备的核心功能，也移动应用交互的基础，Android 和 iOS 各自都有完善的触摸事件处理机制。ReactNative（以下简称 RN）提供了一套统一的处理方式，能够方便的处理界面中组件的触摸事件、用户手势等。本文尝试介绍 RN 中触摸事件处理。https://race604.com/react-native-touch-event/1. RN 基本触摸组件RN 的

2017-07-10 00:13:14 399

转载 [React Native]react-native-scrollable-tab-view(入门篇)

官方为我们提供的Tab控制器有两种：TabBarIOS，仅适用于IOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）如果我们需要一个更通用的Tab控制器，那么就要借助开源的力量，本篇文章教你如何使用react-native-scrollable-tab-view，这是官方Demo的效果demo

2017-07-09 23:16:38 2252 1

转载 react-native新导航组件react-navigation详解

react-navigationreact-navigation 是今年1月份新出的一款React-native导航组件, 才几个月github就三千多star, 半官方身份, fb推荐使用, 据称性能和效果跟原生差不多. 可能是react-native导航组件的未来主流. 但现在还是beta版本(最新v1.0.0-beta.7) 坑还比较多, 文档和参考资料较少. 正式项目使用还

2017-07-09 20:22:42 468

转载 react-navigation使用技巧

本文是基于react-navigation^1.0.0-beta.9来书写的。如果遇到什么问题可以在评论区回复，或者加QQ群397885169讨论识兔，一款用来识别图片的开源项目，在未来还会添加更多有意思的东西react-navigation的Demo什么是react-navigation?react-native从开源至今，一直存在几个无法解决的毛病，偶尔

2017-07-08 16:00:56 1522

转载 git的一些基础命令

Git常用命令请确保已经安装里git客户端一般配置git --version //查看git的版本信息git config --global user.name //获取当前登录的用户git config --global user.email //获取当前登录用户的邮箱登录git/* 如果刚没有获取到用户配置，则只能拉取代码，不能修改要是使用g

2017-07-08 00:34:08 301

转载常用 Git 命令清单

作者：阮一峰日期： 2015年12月 9日我每天使用 Git ，但是很多命令记不住。一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓库

2017-07-07 23:29:29 198

转载 Git常用命令总结

git init 在本地新建一个repo,进入一个项目目录,执行git init,会初始化一个repo,并在当前文件夹下创建一个.git文件夹. git clone 获取一个url对应的远程Git repo, 创建一个local copy. 一般的格式是git clone [url]. clone下来的repo会以ur

2017-07-07 23:28:39 238

转载 Git常用命令

查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区

2017-07-07 23:26:51 213

转载 ReactNative学习笔记--基于Modal的多步弹窗的封装

效果弹窗的封装此组件只针对有输入框，然后点击确定进行网络请求，伴随菊花转，请求返回的时候在现实请求结果的，如上图显示和直接显示菊花转，然后显示网络请求结果的。很简单直接上代码。[javascript] view plain copy import React from 'react'; import { View, Text, Ac

2017-07-06 18:21:08 662

转载《React-Native系列》16、 RN组件之ListView

今天来谈谈ReactNative提供的ListView组件，ListView是我们最常用的组件。还是先来看看官网怎么说的。ListView - 一个核心组件，用于高效地显示一个可以垂直滚动的变化的数据列表。最基本的使用方式就是创建一个ListView.DataSource数据源，然后给它传递一个普通的数据数组，再使用数据源来实例化一个ListView组件，并且定义它的renderR

2017-07-06 17:47:39 369

转载《React-Native系列》 RN学习之NodeJS

由于ReactNative使用了NodeJS环境，以前没有系统学习过NodeJS，故花点时间学习下。了解ReactNative里关于NodeJS部分的知识。我们先看看一个RN项目的目录，如下：我们看到的node_modules 和package.json都是和NodeJS相关联的。学习完这边文章你就能明白：1、我们在调试时，使用的包服务器，启动命令：npm s

2017-07-06 17:16:41 1218

转载《React-Native系列》图解RN布局之FlexBox

前面其实已经写过很多RN界面了，今天再来回顾下FlexBox布局，主要是记录笔记，必备日后查阅。综述flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用flex布局的元素，称为flex容器（flex Container），简称"容器"。它的所有子元素自动成为容器成员，称为flex项目（flex item），简称"项目"。

2017-07-06 17:13:17 289

转载 React Native未来导航者：react-navigation 使用详解

上篇博客和大家分享了关于React Native jsBundle预加载，界面启动优化的内容，详情可点击：转自：http://blog.csdn.NET/u013718120/article/details/72357698基于最新版本React Native实现JsBundle预加载，界面秒开优化一、开源库介绍今年1月份，新开源的R

2017-07-04 17:43:25 1360

转载 MobX API总览

核心API 了解了observable, computed, reactions and actions之后，你就能够掌握MobX,并将其运用在你的应用中了。１．observable(value)用法：observable(value)@observable classProperty = value被观测的数据可以是JS所有数据类型。通过这个api可以将数据转为可观察

2017-07-03 09:33:47 1550

转载 React Native 页面间传值总结

各传值方式简述，总结如下:1.正向：navigator.passProps 传递props2.逆向：navigator.passProps 传递func（3种写法）3.注册监听（DeviceEventEmitter）4.全局变量global5.持久化存储（AsynStorage/ react-native-storage）6.Redux- state接下来具体看看，各方式实现：

2017-07-02 23:26:35 537

转载 react-native集成超级强大的图表工具native-echarts

闲话不多说，先到上动态图让大家看看。使用起来超级简单，完美适配iOS和Androidchart.gif简单介绍一下：1.苹果橘子这个可以根据legend这个属性来设置，可一个可多个。具体参考代码2.可以是单独的一种图形，也可以是多种切换3.图形的颜色可以根据color属性来改，具体请参考代码下面介绍下使用方法：1。 npm install native-

2017-07-02 23:09:59 3648 1

转载 React-Native中网络请求的总结

前几篇文章写了关于React-Native中自己遇到的this的问题和组件嵌套的问题做了总结。今天要写的是关于React-Native中的网络请求的实现。1.get的请求方式的实现 //get请求 static get(url, callback) { fetch(url) .then((response) => response.text())

2017-07-02 22:13:23 949

转载 Navigator的教程

注意！从RN 0.43版本开始，官方将停止维护Navigator，建议大家迁移到新的react-navigation库（文档地址需翻墙）。新的导航库无论从性能还是易用性上都要大大好于老的Navigator！http://reactnative.cn/post/20下面是一个简单的例子，用Navigator来跳转页面，页面之间传递参数 (代码是ES6语法写的): import Rea

2017-07-02 20:04:51 2593

转载 React native全局变量的使用(跨组件的通信)

RN中有两种方式使用全局变量1.通过导入导出文件的方式新建constants.js文件const object = { website:'http://www.hao123.com', name:'好123',};export default object;需要用到的时候导入文件import constants from './constansts.

2017-07-02 20:01:23 1954

转载 React Native导航器之react-navigation使用

在上一节Navigation组件，我们使用系统提供的导航组件做了一个跳转的例子，不过其实战能力不强，这里推荐一个超牛逼的第三方库：react-navigation。在讲React-navigation之前，我们先看一下常用的导航组件。转自:http://blog.csdn.NET/xiangzhihong8/article/details/71249167导航控件常见的导航

2017-07-02 19:57:07 569

转载 react-navigation使用技巧

http://www.jianshu.com/u/9895046b765dreact-native.jpeg本文是基于react-navigation^1.0.0-beta.9来书写的。如果遇到什么问题可以在评论区回复，或者加QQ群397885169讨论识兔，一款用来识别图片的开源项目，在未来还会添加更多有意思的东西App.js存放着本文的配置例子

2017-07-02 19:54:15 1268

转载 React Native优秀的第三方插件（Android & iOS）

1.https://github.com/aroth/react-native-uploader 文件上传图片.gif2.https://github.com/oblador/react-native-animatable 动画图片.gif图片.gif图片.gif图片.gif

2017-07-02 09:05:29 2749

空空如也

空空如也