中图网文创礼盒,买2个减5元
欢迎光临中图网 请 | 注册
> >>
Taro多端开发权威指南 小程序、H5与App高效开发实战

Taro多端开发权威指南 小程序、H5与App高效开发实战

作者:李佩忠
出版社:电子工业出版社出版时间:2021-04-01
开本: 16开 页数: 308
¥49.8(6.3折)?

预估到手价是按参与促销活动、以最优惠的购买方案计算出的价格(不含优惠券部分),仅供参考,未必等同于实际到手价。

00:00:00
中 图 价:¥55.3(7.0折)定价  ¥79.0 登录后可看到会员价
加入购物车 收藏
运费6元,全场折上9折期间 满39元包邮
?快递不能达地区使用邮政小包,运费14元起
云南、广西、海南、新疆、青海、西藏六省,部分地区快递不可达
本类五星书更多>

Taro多端开发权威指南 小程序、H5与App高效开发实战 版权信息

Taro多端开发权威指南 小程序、H5与App高效开发实战 本书特色

适读人群 :从事前端开发,期望通过Taro解决多端小程序、H5和App开发问题的开发者★ Taro多端开发市面首著 ★ 深入学习使用Taro,玩转跨端跨框架开发 ★ 支持使用 React/Vue/Nerv等框架 ★ 一处代码,多处运行 ★ 快速开发微信/京东/百度/支付*/字节跳动/ QQ小程序/H5/React Native等应用 ★ 从基础到实战,全方位讲解Taro知识点与多端开发思路

Taro多端开发权威指南 小程序、H5与App高效开发实战 内容简介

   本书详细介绍了使用Taro进行多端开发所需要掌握的知识点。本书由浅入深,介绍了ES6常用语法、Taro基本用法、数据交互、Hooks解耦状态与视图、多端开发、TaroUI使用、插件的使用、性能优化与Taro原理剖析,很后以一个项目串联知识点,带读者一窥从项目搭建,到需求评审与开发,再到性能优化,很终部署上线的整个流程,直至完成一个完整的Taro多端开发项目。
本书示例丰富、注重实战,适用于从零开始学习Taro开发的初学者、希望更全面深入理解Taro的开发者。同时由于Taro与React语法相近,因此本书介绍的很多开发思想和实践经验同样适用于React开发者。

Taro多端开发权威指南 小程序、H5与App高效开发实战 目录

第1章 初识Taro 1

1.1 Taro介绍 2

1.1.1 简介 2

1.1.2 特性 2

1.1.3 Taro UI 4

1.1.4 其他 5

1.2 ES 6常用语法简介 5

1.2.1 变量定义新方式——let、const 5

1.2.2 告别字符串拼接——模板字符串 7

1.2.3 优雅获取数组或对象中的值——解构赋值 8

1.2.4 二次元函数——箭头函数 9

1.2.5 异步处理——Promise 9

1.2.6 面向对象编程——class 11

1.2.7 模块化——import、export 12

1.3 开发环境及工具介绍 12

1.3.1 安装Taro脚手架工具 12

1.3.2 初始化项目 13

1.3.3 运行项目 13

1.3.4 打包项目 15

1.3.5 Taro脚手架命令 15

1.4 规范约定 18

1.4.1 项目组织 18

1.4.2 JavaScript / TypeScript书写规范 19

1.4.3 组件及JSX书写规范 20

1.5 本章小结 21

第2章 Taro基础 22

2.1 JSX 23

2.1.1 JSX简介 23

2.1.2 JSX语法 23

2.2 组件化 25

2.2.1 初识组件 26

2.2.2 组件定义 27

2.2.3 props 29

2.2.4 state 30

2.2.5 样式 31

2.3 组件生命周期 33

2.3.1 组件挂载 34

2.3.2 组件更新 34

2.3.3 组件卸载 35

2.4 事件处理 36

2.5 路由功能 40

2.6 实战案例:受控与非受控Input组件 42

2.7 本章小结 44

第3章 Taro进阶 45

3.1 组件设计 46

3.2 组件通信 47

3.2.1 父子组件通信 47

3.2.2 兄弟组件通信 49

3.2.3 更复杂的组件通信 49

3.3 服务端通信 52

3.3.1 Taro.request 52

3.3.2 请求终止 54

3.3.3 请求拦截器 55

3.4 使用Ref 56

3.5 本章小结 59

第4章 集中状态管理 60

4.1 Redux 61

4.1.1 Redux 设计理念 61

4.1.2 在Taro中使用Redux 63

4.1.3 Redux 案例 65

4.2 MobX 69

4.2.1 MobX 设计理念 69

4.2.2 在Taro中使用MobX 69

4.3 本章小结 73

第5章 Hooks 74

5.1 Hooks 简介 75

5.1.1 class组件的不足 75

5.1.2 Hooks概览 76

5.1.3 Hooks规则 80

5.2 Hooks基础 80

5.2.1 useState 81

5.2.2 useEffect 81

5.2.3 useReducer 83

5.2.4 useCallback 85

5.2.5 useMemo 86

5.2.6 useRef 87

5.2.7 useContext 88

5.2.8 其他Hooks 88

5.3 自定义Hooks 91

5.4 本章小结 94

第6章 多端开发 95

6.1 编译配置与约定 96

6.1.1 编译配置 96

6.1.2 设计稿与尺寸单位约定 98

6.2 多端开发方案 100

6.2.1 内置环境变量 100

6.2.2 统一接口的多端文件 101

6.2.3 指定解析 node_modules 包中的多端文件 103

6.3 多端同步调试与打包 104

6.4 本章小结 105

第7章 Taro UI 106

7.1 安装及使用 107

7.1.1 快速上手 107

7.1.2 自定义主题 108

7.2 组件介绍 110

7.3 本章小结 111

第8章 插件机制 112

8.1 插件机制简介 113

8.2 插件使用 115

8.3 自定义插件 117

8.3.1 插件结构 117

8.3.2 插件使用场景 117

8.3.3 插件环境变量 120

8.3.4 插件方法 122

8.4 本章小结 127

第9章 性能优化与原理剖析 128

9.1 性能优化 129

9.1.1 Prerender 129

9.1.2 虚拟列表 133

9.1.3 组件更新条件 134

9.2 Taro框架原理 135

9.2.1 Taro框架结构分析 136

9.2.2 Taro编译原理 138

9.2.3 Taro运行时 144

9.3 Taro 3.x原理概述 146

9.4 本章小结 155

第10章 多端开发环境搭建 156

10.1 微信小程序开发环境搭建 157

10.2 支付宝小程序开发环境搭建 158

10.3 React Native开发环境搭建 160

10.3.1 在macOS系统下搭建iOS开发环境 160

10.3.2 在macOS系统下搭建Android开发环境 160

10.3.3 在Windows系统下搭建Android开发环境 162

10.3.4 使用Taro开发 iOS应用 162

10.3.5 使用Taro开发Android应用 164

10.4 本章小结 166

第11章 闲置换App开发实践 167

11.1 项目介绍 168

11.1.1 项目背景 168

11.1.2 项目需求 168

11.1.3 项目核心功能设计 169

11.1.4 项目架构设计 171

11.1.5 项目接口mock 172

11.2 基础功能开发 172

11.2.1 通用请求库封装 172

11.2.2 引入dva 174

11.2.3 定义请求服务 177

11.2.4 为H5配置请求代理 179

11.3 自定义导航器 182

11.3.1 需求分析 182

11.3.2 微信小程序端开发 184

11.3.3 H5端开发 188

11.3.4 React Native端开发 190

11.4 首页开发 194

11.4.1 搜索组件 194

11.4.2 瀑布流图片组件 198

11.4.3 轮播图组件 203

11.4.4 数据联调 205

11.5 消息页开发 216

11.5.1 定义底部导航 216

11.5.2 消息列表页开发 219

11.5.3 聊天页面开发 221

11.6 商品详情页开发 239

11.7 项目优化与发布 259

11.7.1 项目优化 259

11.7.2 项目打包发布 271

11.8 本章小结 280

第12章 拥抱Taro 3 281

12.1 Taro 演进历程 282

12.1.1 Taro 1.x 282

12.1.2 Taro 2.x 282

12.1.3 Taro 3.x 284

12.2 使用Taro 3 285

12.2.1 React模板 285

12.2.2 Vue模板 288

12.3 本章小结 290


展开全部

Taro多端开发权威指南 小程序、H5与App高效开发实战 节选

3.2 组件通信 上一节我们了解了组件的设计思想,组件在被设计出来以后不是孤立的,也需要“交往”。例如下面的组件结构: MyContent与MySide的关系被称为父子组件关系,MySide与MyList的关系被称为兄弟组件关系。有时可能在MySide中的操作需要通知MyList,或者MySide中的操作需要通知MyContent,这一需求背后正是父子组件或兄弟组件之间的通信。 3.2.1 父子组件通信 一般而言,父子组件之间的通信通过事件完成,即在父组件定义事件处理函数,将这个函数作为props 传递给子组件,就能实现指定子组件的操作通知到父组件。示例如下: class Demo extends Taro.Component { handleChange(res) { console.log(res) } render() { return ( ) }} 上例说明了子组件操作触发父组件的逻辑处理。那么父组件的操作触发子组件的更新呢?便是通过props了,父组件数据更新后,通过props告知子组件,示例如下: class Demo extends Taro.Component { state = { count: 0 } render() { return ( ) }} 这种方式其实是将MySide中的count 状态抽离出来存放到父组件,使得父组件或者父组件内的其他组件更改这个值变得容易。如果父组件希望触发子组件内的操作,则可以结合引用Ref获取子组件实例,然后通过引用使用子组件中的值或方法,具体使用方法我们将在3.4节介绍。 3.2.2 兄弟组件通信 兄弟组件状态同步只能通过父组件实现,即将兄弟组件需要共用的状态提取到父组件中,进而在兄弟组件上使用自定义事件的方式监听组件内部的操作。如果值发生更改,则需要通知其兄弟组件,代码实现示例如下: class Demo extends Taro.Component { state = { count: 0 } handleChange = (res) => { this.setState({count: this.state.count + 1}) } render() { const {count} = this.state return ( ) }} 回想一下,在讨论组件设计需要遵循的原则时,我们说组件的边界要清晰,但是我们现在发现上例中MySide组件和MyList组件共同依赖了count 这一状态。这时我们需要思索,这个问题出现的原因是什么,是组件设计粒度不合理?还是组件之间确实需要共用这个状态?如果是前者,则需要重新考虑一下组件的设计;如果是后者,则可以用本例所示的解决方案去解决这一问题。 3.2.3 更复杂的组件通信 大多数情况下,以上列举的两种方案可以很好地解决组件之间的状态同步问题。可往往还有更复杂的场景、更复杂的状态同步问题亟待解决。例如,更深层级的状态传递与通信,且该状态只被*内层组件消费,以及状态合并问题等。这里我们来看深层状态传递问题。首先我们可以想到通过props逐层传递,例如: class One extends Taro.Component { render() { const {count} = this.props return{count} }}class Two extends Taro.Component { render() { const {count} = this.props return ( Two ) }}class Three extends Taro.Component { render() { return }} Two组件很显然只是中介,count属性传递给了它却没有被使用,只是透传给了One组件。是否可以不经过这样层层传递,而直接由Three组件创建状态,One组件使用这个状态呢?这就需要使用Taro提供的context实现。代码示例如下: const CountContext = Taro.createContext()class One extends Taro.Component { render() { return ( {count =>{count}} ) }}class Two extends Taro.Component { render() { const {count} = this.props return ( Two ) }}class Three extends Taro.Component { render() { return ( ) }} 这样一来,count这一状态就只是Three组件创造与更新、One组件消费了。这样props 更简捷,没有造成污染。 如果以上方案还是无法解决应用中的状态管理问题,就可能需要使用全局状态管理了,关于复杂组件的状态管理我们将在下一章详细探讨。

Taro多端开发权威指南 小程序、H5与App高效开发实战 作者简介

李佩忠,资深前端工程师,专注于大前端技术,热衷开源,运营公众号“JavaScript全栈”,拥有丰富的 Web 前端开发、数据可视化与移动端开发经验,对 Taro 多端开发、移动端开发及 React 技术栈有深入的理解和实践经验。

商品评论(0条)
暂无评论……
书友推荐
浏览历史
编辑推荐
返回顶部
中图网
在线客服