微信小程序实战入门 内含完整实例解析pdf

微信小程序实战入门 内含完整实例解析 内容简介

《微信小程序实战入门 内含完整实例解析》是一本的全新的零基础小程序实战入门手册。不但讲解了开发工具的使用、框架的使用和微信API接口等相关知识点，更是结合CSS知识、html知识带领大家去解决实际开发中的一些问题。详细介绍小程序开发所涉及的内容和关键技术，帮助开发者快速掌握小程序开发，主要包括界面、网络、本地数据及缓存、设备硬件、微信开发接口、媒体、后端开发与设计。包含完整的实例解析，帮助读者从完成从实践的蜕变，实现一本书搞定小程序开发。适合所有对小程序感兴趣的人士阅读。

微信小程序实战入门 内含完整实例解析 目录

第一章 创建项目 1

1．1 注册小程序开发者 1

1．2 安装环境 7

1．3 创建小程序 7

1．4 开发工具介绍 9

1．4．1 概览 9

1．4．2 编辑 10

1．4．3 调试 16

1．4．4 项目 20

1．4．5 运行预览 22

第二章 小程序详细介绍 23

2．1 小程序、原生App、WebApp的区别 23

2．2 应用场景 26

2．3 全局配置（app．json）和页面配置（*．json） 27

2．3．1 全局配置app．json详解 27

2．3．2 页面配置（*．json） 32

2．4 小程序架构 32

2．4．1 框架介绍 32

2．4．2 逻辑层 34

2．4．3 视图层（WXML和WXSS 介绍） 40

2．4．4 数据层 40

2．5 视图层WXML 介绍 50

2．6 视图层WXSS 介绍 63

2．7 WXML与HTML的区别 65

2．8 小程序调试、上传、发布 66

2．8．1 事前准备：Https 66

2．8．2 预览及调试 67

2．8．3 发布 69

第三章 框架组件 73

3．1 框架组件介绍 73

3．2 视图容器 76

3．2．1 view 76

3．2．2 scroll-view 96

3．2．3 swiper 与swiper-item 100

3．2．4 movable-area与movable-view 106

3．2．5 cover-view 与cover-image 108

3．3 基础内容 110

3．3．1 icon 110

3．3．2 text 113

3．3．3 rich-text 116

3．3．4 progress 118

3．4 表单组件 119

3．4．1 button 119

3．4．2 checkbox与checkbox-group 123

3．4．3 form 124

3．4．4 input 126

3．4．5 label 133

3．4．6 picker 136

3．4．7 picker-view 146

3．4．8 radio 149

3．4．9 slider 152

3．4．10 switch 153

3．4．11 textarea 156

3．5 操作反馈 160

3．5．1 action-sheet 160

3．5．2 modal 163

3．5．3 toast 165

3．5．4 loading 167

3．6 导航 （navigator） 169

3．7 媒体组件 171

3．7．1 audio 171

3．7．2 image 174

3．7．3 video 178

3．8 地图（map） 183

3．9 画布（canvas） 190

3．10 客服会话（contact-button） 191

3．11 开放数据（open-data） 192

第四章 API 193

4．1 网络 193

4．1．1 wx．request（OBJECT）发起请求 194

4．1．2 上传、下载 197

4．1．3 Websocket 201

4．2 媒体 205

4．2．1 图片 205

4．2．2 录音 210

4．2．3 音频播放控制 211

4．2．4 音乐播放控制 213

4．2．5 视频和视频组件控制 220

4．3 文件 224

4．4 数据缓存 229

4．5 位置 234

4．5．1 获取位置 234

4．5．2 查看位置 237

4．5．3 地图组件控制 238

4．6 设备 239

4．6．1 系统信息 239

4．6．2 网络状态 243

4．6．3 重力感应-加速度计 244

4．6．4 罗盘 245

4．6．5 拨打电话 247

4．6．6 扫码 247

4．6．7 剪贴板 248

4．6．8 蓝牙 250

4．6．9 iBeacon 264

4．6．10 屏幕亮度 267

4．6．11 用户截屏事件 269

4．6．12 震动 269

4．6．13 手机联系人 270

4．7 界面交互 272

4．7．1 交互反馈 272

4．7．2 页面导航（设置导航条、导航） 275

4．7．3 动画 281

4．7．4 下拉刷新 285

4．7．5 位置 285

4．8 绘图 288

4．8．1 坐标系介绍（coordinates） 289

4．8．2 绘图主接口 290

4．8．3 填充颜色、线条、阴影 293

4．8．4 渐变 294

4．8．5 线条样式 297

4．8．6 矩形 300

4．8．7 路径 302

4．8．8 变形 311

4．8．9 文字（设置字号/绘制文本） 312

4．8．10 图片（drawImage） 314

4．8．11 全局画笔透明度（setGlobalAlpha） 315

4．8．12 其他 316

4．9 拓展接口 317

4．10 开放接口 318

第五章 开放API 319

5．1 登录 319

5．2 签名加密 324

5．3 授权 326

5．4 用户信息 327

5．5 微信支付 329

5．6 模板消息 330

5．6．1 使用说明 330

5．6．2 接口说明 331

5．7 客服消息 335

5．7．1 接收消息和事件 335

5．7．2 发送客服消息 338

5．7．3 临时素材接口 339

5．7．4 接入指引 341

5．8 分享 343

5．9 二维码 347

5．10 收货地址 348

5．11 卡券 349

5．12 设置 351

5．13 微信运动 352

5．14 打开小程序 354

第六章 项目实战 356

6．1 仿新闻小应用 356

6．1．1 通过tabBar实现页面之间的切换 357

6．1．2 顶部滑动菜单的实现 358

6．1．3 新闻列表的实现 361

6．1．4 首页完整代码 363

6．1．5 用户中心界面实现 369

6．1．6 用户中心界面完整代码 372

6．2 书架功能 376

6．2．1 精彩推荐模块实现 377

6．2．2 热门书籍模块实现 377

6．2．3 精品书籍模块实现 378

6．3 录音功能 385

6．4 二维码生成器 391

6．5 图片滤镜 393

6．5．1 模糊、怀旧、复古、美白功能的实现 394

6．5．2 饱和度、亮度、对比度功能的实现 396

6．5．3 动态滤镜的实现 397

6．6 仿电影小应用 398

6．6．1 电影列表页面的实现 399

6．6．2 电影详情页面的实现 405

6．6．3 搜索页面的实现 408

附件1 微信小程序相关规范及常见问题 417

附件2 资源下载 418