微信小程序开发入门与实践PDF|Epub|txt|kindle电子书版本网盘下载

微信小程序开发入门与实践PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 微信小程序简介1

1.1什么是微信小程序2

1.2什么类型的应用适合用小程序开发5

1.3小程序与原生App （iOS、 Android）的优劣对比6

1.4小程序会淘汰原生App吗10

1.5 Web前端的未来10

1.6 Web前端开发者与小程序11

1.7 MINA框架与微信小程序12

1.8微信小程序beta测试版12

第2章 小程序环境搭建与开发工具介绍13

2.1微信Web开发者工具下载及安装14

2.2新建第一个项目14

2.3微信Web开发者工具界面功能介绍16

2.3.1编辑选项卡17

2.3.2调试选项卡19

2.3.3项目选项卡22

2.3.4编译选项23

2.3.5后台选项24

2.3.6缓存选项24

2.3.7关闭选项24

2.3.8快速打开官方API文档24

2.3.9开发工具的更新24

2.3.10常用小程序快捷键25

第3章 从第一个简单的“Welcome”页面开始小程序之旅26

3.1认识小程序的基本文件结构27

3.2开始动手编写第一个小程序页面28

3.3构建welcome页面的元素和样式31

3.4小程序所支持的CSS选择器35

3.5 Flex布局36

3.6小程序自适应单位rpx简介39

3.7全局样式文件app.wxss42

3.8页面的根元素page42

3.9 app.json中的window 配置项44

第4章 文章列表页面47

4.1文章列表页面元素分析及准备工作48

4.2 swiper组件50

4 3 Boolean值的陷阱53

4.4构建文章列表的骨架和样式54

4.5 image组件的4种缩放模式与9种裁剪模式57

4.5.1 scaleToFill58

4.5.2 aspectFit58

4.5.3 aspectFill59

4.5.4 widthFix60

4.5.5 9种裁剪模式60

4.6完成静态文章列表61

4.7 -js文件的代码结构与Page页面的生命周期64

4.8数据绑定68

4.8.1初始化数据绑定69

4.8.2在哪里可以查看数据绑定对象70

4.8.3绑定复杂对象71

4.8.4数据绑定更新72

4.9列表渲染wx：for76

4.10配置单个页面导航栏背景色79

4.11从欢迎页面跳转到文章页面80

4.11.1事件80

4.11.2 redirectTo与navigateTo82

4.11.3小程序最多只能有5层页面83

4.11.4冒泡事件与非冒泡事件84

第5章 模块、模板与缓存85

5.1将文章数据从业务中分离86

5.2小程序的模块87

5.3小程序的模板化89

5.4消除template模板对外部变量名的依赖90

5.5 include与import引用模板的区别92

5.6 CSS的模块化93

5.7令人遗憾的模板化而非组件化94

5.8使用缓存在本地模拟服务器数据库95

5.8.1应用程序的生命周期95

5.8.2使用Storage缓存初始化本地数据库96

5.8.3缓存的强制清理及注意事项99

5.9编写缓存数据库操作类99

5.10使用缓存数据库操作类101

5.11使用ES6改写缓存操作类102

5.12完善文章数据103

5.13完整的datajs数据104

第6章 文章详情页面110

6.1跳转到文章详情页面111

6.2不要在template上注册事件112

6.3页面间传递参数的3种方式113

6.3.1组件的自定义属性113

6.3.2通过dataset获取组件自定义属性114

6.3.3获取页面参数值115

6.4编译时设置初始化页面及参数115

6.5读取文章详情数据116

6.6文章id号的数据流向图117

6.7编写文章详情页面118

6.8垂直居中问题的经典解决方法121

6.9动态设置导航栏标题122

6.9.1使用配置文件配置导航栏标题122

6.9.2使用wx.setNavigationBarTitle（OBJECT）设置导航条123

第7章 收藏、评论、点赞与计数功能124

7.1收藏、评论、点赞、计数功能准备工作125

7.2文章收藏功能127

7.2.1条件渲染：wx：if与wx：else127

7.2.2实现收藏点击功能128

7.2.3交互反馈wx：showToast130

7.3文章点赞功能131

7.4本地缓存的重要性及应用举例133

7.5支持文字、图片、拍照、语音上传的文章评论134

7.6文章评论页面的实现步骤与思路134

7.7获取并绑定文章评论数据135

7.8显示文章评论数据140

7.9实现图片预览145

7.10实现提交评论的界面146

7.11 wx：if与hidden控制元素显示和隐藏152

7.12实现文字评论框和语音评论框的切换152

7.13 input组件153

7.14 bindinput事件154

7.15屏蔽评论关键字155

7.16实现自定义发送按钮157

7.17同时支持模拟器回车、真机点击“完成”发送评论161

7.18图片与拍照评论的界面实现161

7.19实现从相册选择照片与拍照164

7.20 icon图片166

7.21删除已选择的图片167

7.22在小程序中使用CSS 3动画168

7.23实现图片评论的发送170

7.24实现语音消息的发送171

7.25实现语音消息的暂停与播放174

7.26用户授权176

7.27解决真机运行时评论页面滑动卡顿的问题177

7.28文章阅读计数功能177

第8章 背景音乐播放180

8.1显示音乐播放图标181

8.2切换音乐播放图标182

8.3背景音乐播放的特点182

8.4实现单页面背景音乐播放183

8.5监听音乐播放185

8.6全局变量与全局音乐播放186

8.7音乐总控开关192

8.8显示音乐的封面图片194

第9章 丰富文章页面195

9.1将页面分享给朋友和微信群196

9.2从swiper组件跳转到文章详情页面197

9.3使用小程序动画实现点赞特效199

第10章 电影204

10.1小程序的tab选项卡205

10.2电影页面介绍208

10.3编写豆瓣星星评分组件：stars-tpl模板210

10.4编写movie-tpl模板212

10.5编写movie-list-tpl模板213

10.6电影首页的骨架与样式215

10.7豆瓣电影API分析216

10.8电影首页的js编写217

10.9 wx.request发送http／https请求219

10.10设置wx.request的超时时间221

10.11处理返回的电影数据221

10.12绑定处理后的电影数据224

10.13 http和https在小程序中的使用说明226

10.14跳转到更多电影页面227

10.15 编写movie-grid-tpl模板229

10.16编写“更多电影”页面231

10.17实现页面下拉刷新的“三部曲”234

10.18在模拟器中可执行下拉刷新但在真机中无法执行下拉刷新的常见错误237

10.19 json中的backgroundColor配置的是哪里的颜色238

10.20实现上滑加载更多数据239

10.21动态设置导航栏loading图标241

10.22电影搜索244

10.23电影详情页面249

10.24电影详情页面的骨架和样式251

10.25编写电影详情页面的业务逻辑代码258

10.26预览电影海报261

10.27设置电影页面的导航栏标题262

第11章 设置264

11.1设置页面265

11.2获取用户基本信息272

11.3数据缓存的异步操作275

11.4获取系统信息277

11.5获取网络状态281

11.6获取当前位置信息与当前速度信息282

11.7使用微信内置地图查看位置信息283

11.8监听罗盘数据制作一个简易指南针284

11.9在小程序中实现摇一摇286

11.10扫码289

11.11获取小程序页面二维码292

11.12下载并预览pdf、 word等多种类型文档293

第12章 开放接口300

12.1准备工作301

12.2用户登录301

12.3用户信息校验307

12.4解析用户加密数据获取openId及UnionId313

12.5模板消息316

12.6 form表单及picker组件321

12.7发送模板消息323

12.8微信支付328

12.9真实的微信小程序登录状态维护336

第13章 杂项338

13.1 wx：key339

13.2 scroll-view组件：在js中控制滚动条343

13.3深入理解小程序的单向数据绑定机制348

13.4深入理解scroll-view组件的bindscrolltolower、 lower-threshold属性349

13.5微信小程序发布流程350