react native学习笔记11——react-native-swiper轮播图

目前大多数app都有网络请求的需求，有时需要往服务器提交数据，有时需要获取服务端的数据。react native提供ajax和fetch的网络请求的方式，ajax即XMLHttpRequest (XHR)，是一种传统的网络请求的方式，其配置和调用方式比较混乱，不符合职责分离的原则，基于事件的异步模型的写法，没有采用Promise的fetch简洁。因此本文重点介绍fetch进行网络请求的用法，关于ajax只介绍其基本使用方法。

react native学习笔记7——组件生命周期

By Mr.Onion

2017-09-06

每个组件都有自己的生命周期，在其生命周期内，组件经历了初始化-运行-销毁的过程。在运行阶段，每次状态（state）或属性(props)发生变化时，都有对应的组件方法将该变化通知给组件进行渲染刷新（关于state和props的介绍可以看上一节react native学习笔记6——Props和State）。下图是经典的组件生命周期图解（ES6），该图显示了组件在生命周期的各个时期系统调用的方法。

android-jni RegisterNatives注册本地方法

By Mr.Onion

2017-08-29

RegisterNatives的使用方法

在Android中通过jni调用本地方法（c/c++），通常使用javah生成规范的头文件，定义一个函数实现本地方法，函数名必须使用本地方法的全类名的规范来写。　

react native学习笔记6——Props和State

By Mr.Onion

2017-08-26

Props（属性）和State（状态）是React Native中很重要的两个概念。使用Props和State，结合前面学的基本组件如View、Image、 Text、 FlatList等可以实现各种自定义组件、酷炫的UI效果。

react native学习笔记5——布局实战篇

By Mr.Onion

2017-08-23

目标

基础知识的学习只有在实践中使用才更容易被理解与吸收，前面几节都是在介绍基本的属性概念，我自己是一个比较健忘的人，我估计很多人也跟我一样在学了基本概念后过不了多久就忘了，或者只是有个印象却不知道该怎么用该在何处运用这些特性。本节我们将运用前面所介绍的基本概念，进行布局实战，实现如下效果：

react native学习笔记4——flexBox布局

By Mr.Onion

2017-08-19

FlexBox

React Native是采用FlexBox（弹性）布局，使用FlexBox规则来指定某个组件的子元素的布局，FlexBox提供了在不同尺寸设备上都能保持一致的布局方式，它是CSS3弹性框布局规范，因此熟悉前端的同学可能对此感到很亲切，不过React Native的FlexBox与web上的CSS也存在少许差异。

react native学习笔记3——常见的基本组件简介

By Mr.Onion

2017-08-16

本文是我整理的各个常用组件的基本使用方法，主要简要几个常见的基本组件，作为入门材料使初学者对RN中的常用组件有个直观的了解，快速入门，加强学习的成就感，增强学习RN的动力，不会面面俱到的详细讲解组件中的各个属性的含义及用法，如需深入了解可以查看官网文档。

android 如何在jni中C/C++层打印log到logcat

By Mr.Onion

2017-08-15

最近在做android jni的开发，需要输出一些log方便调试分析问题，但是jni层里不能像纯android开发一样直接Log.v("xxx",xxx) ,而使用C中常用的printf也不起作用。下面将在网上找到的方法，经过验证整理出来。

react native学习笔记2——Hello World和组件构成简介

By Mr.Onion

2017-08-14

相信配置好rn环境的朋友，在初始化好第一个项目AwesomeProject后会忍不住尝试动手改一改、试一试。下面还是遵循古老传统从hello world开始表演，可以在最初搭建好环境时新建的第一个项目AwesomeProject的基础上，用下面的代码覆盖你的index.ios.js或是index.android.js 文件(在项目的根目录下)，然后运行看看。

react native学习笔记1——webstorm安装与配置

By Mr.Onion

2017-08-10

工欲善其事必先利其器，选择一个趁手的IDE，码起来代码来是事半功倍。本人由于也是初学RN，对各个前端IDE其实并没多少接触，之前只用过Sublime，对我而言Sublime更像是个文本编辑器，但它确实比较轻便。而本文要介绍的webstorm选择它作为RN的开发工具原因有两个：

react native学习笔记0——windows环境搭建

By Mr.Onion

2017-08-09

本文基本步骤是参考RN中文官网结合自己实际搭建体验而来，由于Chocolatey被墙，所以python2和nodejs直接分别在对应的官方网站下载安装的。下面正式介绍从零开始搭建react native的Windows开发环境。

Android 性能优化——View优化

By Mr.Onion

2017-08-02

xml视图少嵌套

App上每个视图显示在屏幕上需要经过三个步骤：测量、布局和渲染。 App在绘制一个xml布局时：从顶部节点开始测量，然后根据布局树逐个渲染：测量每个视图在屏幕上的尺寸。每个视图都会向父视图提供尺寸，好让父视图确定摆放的位置。如果父视图发现它的尺寸测量有问题（或者是子视图的尺寸不对），它可以强制每个子视图（或者子视图的子视图）重新测量以解决问题（有可能增加一两倍的测量时间）。这就是设计一个少嵌套的视图树的价值所在。视图树的层级越多，嵌套测量的次数越多，测量计算时间就会越长（特别是需要重新测量的时候）。

前端小白在github上搭建自己的个性blog——Windows版

By Mr.Onion

2017-07-25

初衷

本文适用于跟我一样的前端小白，却又想搭建一个属于自己的博客站点玩玩，可以自己DIY样式，构建属于自己的网站，但又不想花费太多精力维护。在搭建博客之前我也百度找了很多教程，网上的教程五花八门，但对于想完整的从无到有，让一个前端小白，从零开始搭建一个自己看着觉得样式还不错的博客站点，这样的文章比较少。本人写下此文仅记录自己用Github Pages 搭建博客的过程，及帮助后面的朋友们少绕点弯路。其中有些大师写的教程比较好，这里就直接引用了。