标签分类 热门分类
当前位置:首页 > 程序设计电子书 > 移动开发电子书网盘下载
React Native全教程:移动端跨平台应用开发 React Native全教程:移动端跨平台应用开发
52pojie

52pojie 提供上传

资源
32
粉丝
40
喜欢
150
评论
16

    React Native全教程:移动端跨平台应用开发 PDF 完整影印版

    移动开发电子书
    • 发布时间:

    给大家带来的一篇关于移动开发相关的电子书资源,介绍了关于React、Native、移动、跨平台、应用开发方面的内容,本书是由清华大学出版社出版,格式为PDF,资源大小398 MB,张益珲编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:8.7,更多相关的学习资源可以参阅 程序设计电子书、等栏目。

  • React Native全教程:移动端跨平台应用开发 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1I_w2voTlkKjFqY3-4ZVvK
  • 分享码:2yh4
  • 《React Native全教程:移动端跨平台应用开发》由经验丰富的移动开发工程师精心编撰,《React Native全教程:移动端跨平台应用开发》从逻辑上可分为5个部分,循序渐进地向读者展示使用React Native开发跨平台移动应用的全流程,第1部分介绍React Native语言基础JavaScript;第2部分介绍大量使用于React Native开发中的ECMAScript 6的新特性;第3部分介绍React Native开发技巧,包括独立组件应用、布局技术、网络技术、导航栈技术等;第4部分通过3个实战项目手把手地教读者开发完整的React Native应用;第5部分介绍React Native的一些高级技巧,比如和原生交互、嵌入原生应用、React Native组件开发等。本书特别对React Native在开发iOS和Android 跨平台应用时给出范例效果对比演示,现场感十足。 《React Native全教程:移动端跨平台应用开发》既适合想快速上手React Native的初学者、有Android和iOS开发基础想构建跨平台移动应用的开发人员使用,也可用作培训机构和大中专院校的教学参考书。

    目录

    • 第1章 从JavaScript开始 1
    • 1.1 学习环境的配置 1
    • 1.1.1 使用浏览器进行JavaScript代码的调试 1
    • 1.1.2 使用Sublime Text工具来编写JavaScript代码 3
    • 1.1.3 安装Sublime Text插件管理器PackageControl 3
    • 1.1.4 使用PackageControl进行JavaScript代码智能提示插件的安装 5
    • 1.1.5 安装JavaScript代码格式化插件 7
    • 1.1.6 在Sublime Text中运行JavaScript代码 7
    • 1.2 初识JavaScript 8
    • 1.2.1 JavaScript的语法特点 9
    • 1.2.2 JavaScript中的变量 10
    • 1.3 JavaScript中的数据类型 12
    • 1.3.1 原始类型 13
    • 1.3.2 引用类型 16
    • 1.4 JavaScript中的运算符 18
    • 1.4.1 算术运算符 18
    • 1.4.2 赋值运算符 21
    • 1.4.3 关系运算符 22
    • 1.4.4 逻辑运算符 24
    • 1.4.5 位运算符 26
    • 1.4.6 特殊运算符 30
    • 1.4.7 运算符的优先级与结合性 32
    • 第2章 JavaScript流程控制与函数 34
    • 2.1 条件分支结构 34
    • 2.1.1 if-else分支结构 34
    • 2.1.2 switch-case分支结构 35
    • 2.2 循环结构 37
    • 2.2.1 while循环结构 37
    • 2.2.2 for循环结构 38
    • 2.3 中断与跳转结构 39
    • 2.3.1 break语句 39
    • 2.3.2 continue语句 41
    • 2.4 异常捕获结构 42
    • 2.4.1 使用throw语句抛出异常 43
    • 2.4.2 异常的捕获与处理 44
    • 2.4.3 异常的传递 46
    • 2.5 JavaScript中的函数 48
    • 2.5.1 使用函数语句定义函数 48
    • 2.5.2 使用函数表达式定义函数 50
    • 2.5.3 使用Function构造函数 51
    • 第3章 JavaScript对象基础 52
    • 3.1 初识JavaScript对象 52
    • 3.1.1 在JavaScript中创建对象 52
    • 3.1.2 设置对象的属性和行为 54
    • 3.2 JavaScript中常用的内置对象 55
    • 3.2.1 JavaScript中的Number对象 55
    • 3.2.2 JavaScript中的String对象 57
    • 3.2.3 JavaScript中的Boolean对象 59
    • 3.2.4 JavaScript中的Array对象 60
    • 3.2.5 JavaScript中的Date对象 64
    • 3.2.6 JavaScript中的Math对象 67
    • 3.2.7 JavaScript中的RegExp对象 69
    • 3.2.8 JavaScript中的Function对象 73
    • 3.3 深入JavaScript中的Object对象 75
    • 3.3.1 为对象属性进行配置 76
    • 3.3.2 Object构造方法对象中的常用函数 77
    • 3.3.3 Object实例对象中的常用方法 82
    • 3.4 面向对象编程技术 82
    • 3.4.1 JavaScript中模拟类的方式 83
    • 3.4.2 在JavaScript中实现继承机制 86
    • 第4章 ECMAScript 6新特性 91
    • 4.1 ECMAScript 6的块级作用域 91
    • 4.1.1 let关键字 92
    • 4.1.2 const关键字 94
    • 4.2 解构赋值 95
    • 4.2.1 数组的解构赋值 95
    • 4.2.2 对象的解构赋值 96
    • 4.2.3 字符串与函数参数的解构赋值 98
    • 4.3 箭头函数 99
    • 4.3.1 箭头函数的基本用法 99
    • 4.3.2 箭头函数中this的固化 100
    • 4.4 Set与Map数据结构 102
    • 4.4.1 Set集合结构 102
    • 4.4.2 Map字典结构 104
    • 4.5 Proxy代理 106
    • 4.5.1 使用Proxy代理对对象的属性读写进行拦截 106
    • 4.5.2 Proxy代理处理器支持的拦截操作 108
    • 4.6 Promise承诺对象 110
    • 4.6.1 Promise对象执行异步任务 110
    • 4.6.2 Promise任务链 112
    • 4.6.3 Promise对象组合 113
    • 4.7 Generator生成器与yield语句 115
    • 4.7.1 Generator函数应用 115
    • 4.7.2 Generator任务参数的传递 117
    • 4.8 使用class定义类 119
    • 4.8.1 使用class定义类 119
    • 4.8.2 class类的继承 120
    • 4.9 模块引入 121
    • 4.9.1 export关键字 121
    • 4.9.2 import关键字 122
    • 4.9.3 默认导出与导入 122
    • 第5章 React Native开发环境的搭建 124
    • 5.1 iOS开发环境的搭建 124
    • 5.1.1 申请AppleID账号 124
    • 5.1.2 安装Xcode开发工具 125
    • 5.2 Android开发环境的搭建 126
    • 5.2.1 下载Android Studio开发工具 126
    • 5.2.2 安装相关SDK和模拟器 127
    • 5.3 React Native开发环境配置 130
    • 5.3.1 安装React Native构建环境 130
    • 5.3.2 运行你的第一个React Native应用 131
    • 第6章 React Native独立组件基础篇 134
    • 6.1 Text文本组件的应用 134
    • 6.1.1 文字风格设置 134
    • 6.1.2 Text组件属性的设置 138
    • 6.1.3 Text组件的嵌套 140
    • 6.1.4 React Native程序的调试 141
    • 6.2 Button按钮组件的应用 142
    • 6.2.1 Button组件的简单使用 142
    • 6.2.2 小应用:屏幕霓虹灯 144
    • 6.3 Image图像组件的应用 145
    • 6.3.1 渲染图像的方式 145
    • 6.3.2 Image组件的风格自定义 148
    • 6.3.3 Image组件的属性和方法解析 151
    • 6.4 Switch开关组件的应用 154
    • 6.5 Slider滑块组件的应用 156
    • 6.6 ActivityIndicator指示器组件的应用 159
    • 6.7 TextInput用户输入组件的应用 160
    • 6.8 StatusBar状态栏组件的应用 165
    • 6.9 Picker选择器组件的应用 167
    • 6.10 Modal模态视图组件的应用 169
    • 6.11 KeyboardAvoidingView组件的应用 171
    • 6.12 WebView网页组件的应用 174
    • 6.12.1 WebView常用属性解析 174
    • 6.12.2 WebView加载过程监听相关属性 177
    • 6.12.3 React Native与WebView交互 178
    • 6.13 View视图组件的应用 179
    • 6.13.1 View组件Style属性的解析 180
    • 6.13.2 View组件基础属性的解析 182
    • 6.14 Touchable相关交互组件的应用 183
    • 6.14.1 TouchableWithoutFeedback 184
    • 6.14.2 TouchableOpacity 185
    • 6.14.3 TouchableNativeFeedback 186
    • 6.14.4 TouchableHighlight 188
    • 6.15 ScrollView滚动视图组件的应用 189
    • 6.15.1 ScrollView的基础用法 189
    • 6.15.2 ScrollView常用属性解析 190
    • 6.15.3 手动设置ScrollView组件的滚动位置 192
    • 6.16 ListView列表组件的应用 193
    • 6.16.1 使用DataSource渲染ListView视图 193
    • 6.16.2 ListView属性方法解析 197
    • 6.17 高性能列表组件FlatList 199
    • 6.17.1 创建一个简单的FlatList列表视图 199
    • 6.17.2 FlatList中常用方法解析 202
    • 6.18 分区列表组件SectionList的应用 202
    • 6.19 RefreshControl刷新组件的应用 205
    • 第7章 React Native独立组件高级篇 208
    • 7.1 时间选择器DatePickerIOS组件的应用 208
    • 7.2 DrawerLayoutAndroid抽屉组件的应用 209
    • 7.3 进度条组件的应用 211
    • 7.3.1 通过文件名分平台加载组件 212
    • 7.3.2 ProgressBarAndroid组件常用属性 213
    • 7.3.3 ProgressViewIOS组件常用属性 214
    • 7.4 SegmentedControlIOS组件的应用 214
    • 7.5 Android平台上的工具条组件 215
    • 7.6 Navigator导航控制器 218
    • 7.6.1 Navigatior牛刀小试 219
    • 7.6.2 Navigator属性配置 220
    • 7.6.3 Navigator实例方法解析 221
    • 7.7 iOS平台的导航控制器NavigatorIOS组件 222
    • 7.7.1 使用NavigatorIOS组件 222
    • 7.7.2 NavigatorIOS属性与方法解析 225
    • 7.8 标签栏TabBarIOS组件 226
    • 第8章 React Native技能进阶 230
    • 8.1 React Native布局技术 230
    • 8.1.1 布局中的主轴与次轴 231
    • 8.1.2 精准定义组件的尺寸 234
    • 8.1.3 相对定位与绝对定位 237
    • 8.2 React Native中的颜色定义 240
    • 8.3 警告弹窗的应用 242
    • 8.3.1 Alert组件的应用 243
    • 8.3.2 iOS平台专用警告框AlertIOS 245
    • 8.4 ActionSheetIOS抽屉视图的应用 247
    • 8.4.1 普通功能列表抽屉 247
    • 8.4.2 分享视图抽屉 248
    • 8.5 自定义组件的属性与使用样式表 250
    • 8.5.1 自定义组件的属性 250
    • 8.5.2 通过StyleSheet样式表定义组件的风格 251
    • 8.6 Android平台的时间选择器 252
    • 8.7 Android平台悬浮提示信息Toast的应用 254
    • 8.8 监听与控制Android设备返回键的行为 255
    • 8.9 监听程序运行状态 257
    • 8.10 跨平台的分享功能 258
    • 8.11 监听键盘事件 260
    • 8.12 React Native网络技术 262
    • 8.12.1 使用fetch方法进行网络请求 262
    • 8.12.2 使用XMLHttpRequest进行网络请求 264
    • 8.13 进行用户位置获取 266
    • 8.14 数据持久化技术 267
    • 8.15 剪贴板工具的应用 270
    • 8.16 获取设备网络状态 271
    • 8.17 React Native动画技术 273
    • 8.17.1 创建单值驱动的动画 273
    • 8.17.2 使用timing方法执行平滑过渡动画 275
    • 8.17.3 深入理解easing 276
    • 8.17.4 二维动画对象与衰减动画 278
    • 8.17.5 弹簧动画 280
    • 8.17.6 Interpolation插值动画 281
    • 8.17.7 聚合动画值 282
    • 8.17.8 组合动画 283
    • 8.17.9 循环动画 285
    • 8.17.10 布局动画 286
    • 8.17.11 自定义组件动画 287
    • 8.18 调用设备振动模块 288
    • 8.19 封装滑动手势 289
    • 8.20 获取屏幕尺寸信息 292
    • 8.21 特定平台代码 293
    • 8.22 定时器的简单应用 294
    • 第9章 实战项目:汇率转换器 296
    • 9.1 搭建汇率转换器项目主界面 297
    • 9.2 显示屏面板的初步开发 299
    • 9.3 货币类型切换功能开发 302
    • 9.4 键盘界面设计 306
    • 9.5 实现汇率转换器核心功能 310
    • 第10章 实战项目:微信热门精选 315
    • 10.1 申请免费的API服务 315
    • 10.2 搭建项目网络模块 317
    • 10.3 搭建文章列表界面 319
    • 10.4 文章目录视图与首页导航栏完善 322
    • 10.5 文章详情页面的开发 326
    • 10.6 为文章列表页添加下拉刷新与上拉加载更多功能 329
    • 第11章 实战项目:掌上新闻 332
    • 11.1 应用结构搭建 332
    • 11.2 完善标题栏组件 335
    • 11.3 进行网络模块的开发 338
    • 11.4 使用列表展示数据 339
    • 11.5 完善新闻目录列表 341
    • 11.6 标题栏与页面联动开发与优化加载逻辑 344
    • 11.7 使用导航进行页面跳转 348
    • 11.8 完善下拉刷新与上拉加载更多功能 351
    • 11.9 完善导航栏 353
    • 11.10 添加收藏夹功能 356
    • 11.11 优化方向与应用图标设置 361
    • 第12章 React Native高级技巧 363
    • 12.1 直接操作组件的属性 363
    • 12.2 对React Native版本进行升级 365
    • 12.3 React Native的更多调试技巧 366
    • 12.4 React Native插件开发 367
    • 12.4.1 构建iOS工程的原生模块 367
    • 12.4.2 构建Android工程的原生模块 371
    • 12.4.3 深入了解原生模块的函数参数 373
    • 12.5 封装原生UI组件 375
    • 12.5.1 封装iOS平台的原生UI组件 375
    • 12.5.2 开发Android跑马灯组件 382
    • 12.6 在原生工程中嵌入React Native模块 387
    • 12.6.1 将iOS工程的某个模块进行React Native化 387
    • 12.6.2 将Android工程的某个模块进行React Native化 391
    • 12.7 在真机上运行React Native工程 397

    上一篇:软件设计模式:Java版  下一篇:物联网&云平台高级应用开发

    展开 +

    收起 -

     
    移动开发 相关电子书
    关于移动开发的学习笔记
    网友NO.238174

    利用React Router4实现的服务端直出渲染(SSR)

    我们已经熟悉React 服务端渲染(SSR)的基本步骤,现在让我们更进一步利用 React RouterV4 实现客户端和服务端的同构。毕竟大多数的应用都需要用到web前端路由器,所以要让SSR能够正常的运行,了解路由器的设置是十分有必要的 基本步骤 路由器配置 前言已经简单的介绍了React SSR,首先我们需要添加ReactRouter4到我们的项目中 $ yarn add react-router-dom# or, using npm$ npm install react-router-dom 接着我们会描述一个简单的场景,其中组件是静态的且不需要去获取外部数据。我们会在这个基础之上去了解如何完成取到数据的服务端渲染。 在客户端,我们只需像以前一样将我们的的App组件通过ReactRouter的BrowserRouter来包起来。 src/index.js import React from 'react';import ReactDOM from 'react-dom';import { BrowserRouter } from 'react-router-dom';import App from './App';ReactDOM.hydrate( BrowserRouter App / /BrowserRouter, document.getElementById('root')); 在服务端我们将采取类似的方式,但是改为使用无状态的 StaticRouter server/index.js app.get('/*', (req, res) = { const context = {}; const app = ReactDOMServer.renderToString( StaticRouter location={req.url} context={context} App / /StaticRouter ); const indexFile = path.resolve('./build/index.html'); fs.readFile(indexFile, 'utf8', (err, data) = { if (err) { console.error('Something went wrong:', err); return res.status(500).send('Oops,……

    网友NO.886739

    React Component存在的几种形式详解

    前言 最近项目基本都是用 React,今天总结分享 React Component 常见的几种形式,如果你在写 React 时经常不知道怎么拆分代码,这篇文章或许对你有所帮助。 React.Component是一个抽象基类。这意味着直接引用React.Component是毫无意义的。你可以实现一个它的子类,并且至少定义一个render()方法即可使用。 为了更充分理解 React,先搞懂平时写的 JSX 是什么。初学的时候有比较大困惑,这是一门新语言吗?大部分人是匆匆扫过文档就开始开发。通过 babel-presets-react 处理能看到,其实 JSX 只是语法糖,最终在浏览器跑的还是 JS。React Component 最终都通过 React.createElement 创建。 总之,写 React 其实就是在写 JS 。 SFC (Stateless Functional Component) React 可以使用 Function 来创建 Component,这类 Component 没有 lifecycle, 内部不维护 state,只要传入的 props 有变化则进行重新渲染。 function Welcome(props) {return h1Hello, {props.name}/h1;} 用箭头函数的写法还更加简洁。 const Welcome = props = h1Hello, {props.name}/h1; 上面两种形式生成 es5 代码都是一样的。 var Welcome = function Welcome(props) {return _react2.default.createElement("h1",null,"Hello, ",props.name);}; SFC 的特点是纯粹只做 render,代码简短没有其他条件分支,并且相比 class Component 编译后的代码量会少一些。 尴尬的是,在 React 16.7 react hooks 出……

    网友NO.442070

    在Create React App中启用Sass和Less的方法示例

    关于创建 create-react-app 项目请查看:create-react-app 的安装与创建 。 关于在 less 和 sass 如何在 create-react-app 启用 CSS Modules,请查看我的上一篇文章: 在 Create React App 中使用 CSS Modules 。 启用 Sass 语法编写 CSS create-react-app 脚手架中已经添加了 sass-loader 的支持,所以只需要安装 node-sass 插件即可 安装 node-sass 插件 $ npm install node-sass --save# 或者# $ yarn add node-sass 用法: 编写 sass 文件:App.scss .App { text-align: center; height: 40vmin; }} 在 js 文件中直接使用:改写 App.js 文件 import React, { Component } from 'react';import logo from './logo.svg';import './App.scss';class App extends Component { render() { return ( div className="App" header className="App-header" img src={logo} className="App-logo" alt="logo" / /header /div ); }}export default App; 在浏览器中查看效果 运行项目,此时在浏览器中即可查看到 logo 图片在缓慢转动。 启用 Less 语法编写 CSS 由于 create-react-app 脚手架中并没有配置关于 less 文件的解析,所以我们需要自己进行配置。需要安装的插件 less , less-loader 。 添加 Less 相关配置 在命令行运行 npm run eject 命令 此命令会将脚手架中隐藏的配置都展示出来,此过程不可逆 运行完成之后,打开 config 目录下的 webpack.config.js 文件,找到 // style files regexes 注释位置,仿照其解析 sass 的规则,在下面添加……

    网友NO.472303

    React通过redux-persist持久化数据存储的方法示例

    在React项目中,我们经常会通过redux以及react-redux来存储和管理全局数据。但是通过redux存储全局数据时,会有这么一个问题,如果用户刷新了网页,那么我们通过redux存储的全局数据就会被全部清空,比如登录信息等。 这个时候,我们就会有全局数据持久化存储的需求。首先我们想到的就是localStorage,localStorage是没有时间限制的数据存储,我们可以通过它来实现数据的持久化存储。 但是在我们已经使用redux来管理和存储全局数据的基础上,再去使用localStorage来读写数据,这样不仅是工作量巨大,还容易出错。那么有没有结合redux来达到持久数据存储功能的框架呢?当然,它就是redux-persist。redux-persist会将redux的store中的数据缓存到浏览器的localStorage中。 redux-persist的使用 1、对于reducer和action的处理不变,只需修改store的生成代码,修改如下 import {createStore} from 'redux'import reducers from '../reducers/index'import {persistStore, persistReducer} from 'redux-persist';import storage from 'redux-persist/lib/storage';import autoMergeLevel2 from 'redux-persist/lib/stateReconciler/autoMergeLevel2';const persistConfig = { key: 'root', storage: storage, stateReconciler: autoMergeLevel2 // 查看 'Merge Process' 部分的具体情况};const myPersistReducer = persistReducer(persistConfig, reducers)const store = createStore(myPersistReducer)export const……

    Copyright 2018-2020 xz577.com 码农之家

    电子书资源由网友、会员提供上传,本站记录提供者的基本信息及资源来路

    鸣谢: “ 码小辫 ” 公众号提供回调API服务、“ 脚本CDN ”提供网站加速(本站寻求更多赞助支持)

    版权投诉 / 书籍推广 / 赞助:520161757@qq.com

    上传资源(网友、会员均可提供)

    查看最新会员资料及资源信息