子敬的技术博客

RN5_DOMDOM简介 DOM定义了访问和操作 HTML 文档的标准方法。DOM的三部分：l  核心 DOM - 针对任何结构化文档的标准模型l  XML DOM - 针对 XML 文档的标准模型l  HTML DOM - 针对 HTML 文档的标准模型 XML DOM和HTML DOMXML DOM 定义了所有 XML 元

Async/await和promise参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function Promise 来自ES6，在ES7中推出了Async和Awiat去和promise进行配合是用。这样做的目的是让几个有步骤的异步任务最重以对应的顺序执

我的React_Native 用到的第三方（持续更新中）React-Navigation参考：https://github.com/react-community/react-navigation引入步骤：1、在项目目录下执行：yarn addreact-navigationyarn是用来替代命令的~包含内容：StackNavigator ：用于app界面窗口之间的

React_Native 再学习1——从建立到初识导航重新开一个android项目，一点点弄懂react-native各个api的作用：项目建立：（环境搭建就不再赘述了）1、   建立react-native项目：通过react-native init 项目名2、   cd到项目中，通过npm install为项目安装npm3、   新建的项目没有local.pro

React_Native 再学习2——导航进阶之StackNavigator在React_Native再学习1中已经对Navigation的StackNavigator进行了基本的学习。对于React Navigation它里面包括以下控件：StackNavigator ：用于app界面窗口之间的切换TabNavigator ：用于设置一个界面的不同tabsDrawerNa

React_Native 再学习3——导航进阶之TabNavigator参考：http://www.bijishequ.com/detail/434067简单的例子:从使用结构上来看，它的整体使用结构和StackNavigator相同。const Tab = TabNavigator(TabRouteConfigs, TabNavigatorConfigs);只是需

React_Native 再学习4——导航进阶之DrawerNavigator整体来说，代码使用规则和之前的StackNavigation和TabNavigation是一样的。简单例子： 注意navigationOptions中的内容。但重点还是看DrawerNavigatorConfig的相关内容DrawerNavigatorConfigl  drawerWidt

React_Native 再学习5--TypeScript学习1_基础语法参考：https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.htmlhttps://ts.xcatliu.com/introduction/what-is-typescript.html什么是typeScript:TypeScript是

React_Native 再学习5--TypeScript学习2_进阶语法元组let xcatliu: [string, number];xcatliu[0] = 'Xcat Liu';xcatliu[1] = 25; 枚举普通定义enum Days {Sun, Mon, Tue, Wed, Thu, Fri,Sat}; console.log(Days

Redux 基础学习参考：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html什么是Redux：Redux是一个适合用户使用方式复杂、多用户权限（用户和管理员），与服务器大量交互或者View要从多个数据源获取数据的框架。它的设计思想：1、web用用是一个状态机，视

Redux-saga 基础学习参考：https://juejin.im/post/58eb4100ac502e006c45d5c9https://yanqiw.github.io/react/2017/03/05/redux-saga.htmlhttp://www.cnblogs.com/libin-1/p/6858558.html什么是Redux-saga它是一个用于

React Router基础学习笔记参考:http://www.mrfront.com/2016/12/11/react-router-tutorial-part1/ React Router是什么：它是完整的 React 路由解决方案， 保持 UI 与 URL 同步。它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。关键字

RN8_知识点4之-fetch网络访问参考：https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalFetch/fetchhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise 通过网络请求回来的Json

RN8_知识点之-基本控件（2）Switch必须使用onValueChange回调来更新value属性以响应用户的操作。属性方法1.      View相关属性样式全部继承(例如:宽和高,背景颜色,边距等相关属性样式)2.      disabled bool 如果该值为true,用户就无法点击switch开关控件，默认为false3.   

React Native需要的知识储备 学习简介React Native 项目目标：希望用写 WebApp 的方式去写 Native App。如果能够实现，整个互联网行业都会被颠覆，因为同一组人只需要写一次 UI ，就能同时运行在服务器、浏览器和手机。在学习React Native之前需要准备JavaScript，Html5，Css和DOM 知识。感觉都是前端的东西

Html5学习_RN2在学习Html5之前，我们先学习下Html。参考：http://www.runoob.com/html/html-tutorial.htmlHtmlHtml预备知识：简介：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建

RN3_CSS学习基础概念和简介简介：CSS 指层叠样式表 (Cascading Style Sheets)，样式定义如何显示 HTML 元素，通常存储在样式表中，把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题，外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中，多个样式定义可层叠为一。作用：HTML 标签原

RN4_JS简介JavaScript web 开发人员必须学习的 3门语言中的一门：1.       HTML 定义了网页的内容2.       CSS 描述了网页的布局3.       JavaScript 网页的行为JavaScript是互联网上最流行的脚本语言。引入方法：您可以在 HTML 文档中放入不限数量的脚本。放置位置：

RN6_REACT参考：http://www.ruanyifeng.com/blog/2015/03/react.html使用React的网页源码：DOCTYPE html>html>  head>    scriptsrc="../build/react.js">script>    scriptsrc="../build/react-dom.js">sc

RN7_实战（2）React Native Android原生模块引入参考：1、 http://www.devio.org/2017/01/22/React-Native-Android%E5%8E%9F%E7%94%9F%E6%A8%A1%E5%9D%97%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98-%E6%95%99%E7%A8%8B

RN7_实战（3）参考：http://reactnative.cn/docs/0.41/images.html#content（进阶指南部分）图片JS中的静态图片引入：只需把图片文件放在代码文件夹中某处，然后像下面这样去引用它。require('./my-icon.png')}/>是哪个组件引用了这个图片，Packager就会去这个组件所在的文件夹下查找

RN7_React-Native实战(1)环境搭建(windows)参考：http://www.open-open.com/lib/view/open1451012403948.html按照他的搭下来似乎没什么问题。 在里面几个关键点：1、下载的AwesomProject没有local配置文件，需要在android项目里面拽一个过来。2、我们的手机和笔记本需

RN7_实践（4）参考：http://bbs.reactnative.cn/topic/20/%E6%96%B0%E6%89%8B%E7%90%86%E8%A7%A3navigator%E7%9A%84%E6%95%99%E7%A8%8B这一章主要是写Navigator的使用和理解。Navigator的简单使用：基础页：代码分析：1、

RN8_知识点之-布局参考：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttp://www.ruanyifeng.com/blog/2015/07/flex-examples.html Flex布局 宽度设置：默认值：flex的元素如果不设置宽度，都会百分之百的占满

RN8_知识点之-基本控件（1）参考：http://www.cnblogs.com/Sweet-Candy/p/5695389.htmlhttps://reactnative.cn/docs/0.41/toolbarandroid.htmlViewView是一个支持Flexbox布局、样式、一些触摸处理、和一些无障碍功能的容器。它的设计初衷是和StyleShee

Dva基础学习参考：https://github.com/dvajs/dva/blob/master/docs/API_zh-CN.md 什么是dva：基于 redux、redux-saga 和 react-router 的轻量级前端框架但是它解决了因为 redux带来的文件多，流程复杂的问题。他最核心的是提供了 app.model 方法，用于把 reducer,