微信小程序开发零基础入门

图书标准信息

• 作者 张帆
• 出版社 电子工业出版社
• 出版时间 2017-05
• 版次 1
• ISBN 9787121314285
• 定价 79.00元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸

【内容简介】

★微信小程序是一种*的App替代品，其定位是在微信公众号的生态链中，使用微信本身作为应用平台，无须更新和下载，开箱即用。本书由浅入深、循序渐进，使零基础的读者能够熟练掌握使用微信开发小程序应用。
  ★本书分为8章，第1~2章是关于小程序的应用场景和小程序本身的介绍，包括小程序涉及的技术和IDE开发环境的使用。第3章是HTML 5、CSS 3、JavaScript的语法介绍，然后引申出小程序使用的WXSS、WXML、JavaScript的相关语法。第4章是小程序开发组件的介绍，每个组件都配备了上手示例，帮助读者加深印象。第5章是一个完整的小程序项目的开发步骤。第6章是调用微信API的介绍，对常见API提供了示例编码和分析。第7章是一个完整的项目，包括前、后端，通过项目实战让读者上手真正的小程序开发。第8章是对小程序*API（蓝牙、卡券）等的补充。
  ★本书内容精练、重点突出、实例丰富，是面向广大程序员的编程入门参考书，也是学习小程序开发入门的*实践，同时也非常适合大中专院校师生自学，从而掌握*技术，拓宽知识体系。

【作者简介】

      ★张帆

      巨人网络（上海）公司网页开发工程师。喜欢在博客、GitHub和简书上持续分享各种开发技术和编程实例，有着丰富的项目经验，喜欢新兴技术和*开发方式，喜欢JavaScript系的React.js、vue.js等技术。精通网页后台开发、相关的项目管理精通网页后台开发、相关的项目管理等。

      ★陈思含

      厦门卫星定位应用股份有限公司（厦门）开发工程师。从事于交通领域大数据的处理以及B/S相关系统的开发，精通Java领域的相关开发，精通JavaScript、CSS、HTML等小程序相关的技术，并且有长期开发以及运营微信公众号的经验。

【目录】

1  微信小程序开发1

1.1  初识微信小程序开发1

1.1.1  什么是微信公众号1

1.1.2  什么是微信小程序3

1.1.3  微信小程序的应用领域4

1.1.4  怎样学好微信小程序5

1.1.5  微信小程序的前景6

1.2  小程序开发需要的技术8

1.2.1  JavaScript技术8

1.2.2  CSS技术9

1.2.3  HTML（XML）技术10

1.3  小程序开发所使用的技术11

1.3.1  开发文件结构12

1.3.2  配置程序12

1.3.3  逻辑层16

1.3.4  WXML20

1.3.5  WXSS25

1.4  搭建小程序开发环境27

1.4.1  IDE下载27

1.4.2  Windows系统的IDE安装29

1.5  上手实践：第一个Hello WX程序31

1.6  小程序新能力34

1.6.1  个人开发者申请小程序35

1.6.2  小程序的基本信息管理37

1.6.3  已有公众号绑定小程序40

1.6.4  小程序的分享和跳转新模式41

1.7  小结43

1.8  实践与练习43

2  熟悉小程序开发工具44

2.1  熟悉微信开发者工具44

2.1.1  微信开发IDE简介44

2.1.2  IDE调试窗口45

2.1.3  小程序的测试与重启49

2.1.4  小程序的调试50

2.1.5  小程序的控制台53

2.1.6  IDE项目窗口55

2.1.7  项目的关闭与新建56

2.1.8  IDE项目编辑窗口57

2.2  小结59

2.3  实践与练习59

3  小程序开发基础60

3.1  HTML入门60

3.1.1  HTML简介60

3.1.2  HTML的用途与结构61

3.2  HTML基础62

3.2.1  HTML语法基础62

3.2.2  HTML元素63

3.2.3  HTML属性77

3.2.4  WXML与HTML78

3.3  CSS入门79

3.4  CSS基础79

3.4.1  CSS基础语法80

3.4.2  CSS样式82

3.4.3  CSS框模型95

3.4.4  CSS定位101

3.4.5  CSS与WXSS106

3.5  JavaScript入门106

3.5.1  JavaScript简介106

3.5.2  JavaScript前景107

3.6  JavaScript基础108

3.6.1  JavaScript注释108

3.6.2  JavaScript变量108

3.6.3  JavaScript数据类型112

3.6.4  JavaScript对象118

3.6.5  JavaScript函数122

3.6.6  JavaScript运算符127

3.6.7  JavaScript逻辑控制语句128

3.7  小结142

3.8  实践与练习143

4  小程序开发组件144

4.1  视图组件144

4.1.1  视图容器（view）组件144

4.1.2  可滚动视图区域（scroll-view）147

4.1.3  滑动界面（swiper）147

4.2  基础内容149

4.2.1  小图标（icon）149

4.2.2  文本组件（text）150

4.2.3  进度条组件（progress）152

4.3  表单组件153

4.3.1  按钮组件（button）153

4.3.2  多选择框（checkbox）156

4.3.3  表单form159

4.3.4  输入框组件（input）160

4.3.5  label元素163

4.3.6  滚动选择器picker163

4.3.7  单选控制器（radio）166

4.3.8  滑动选择器（slider）168

4.3.9  开关选择器（switch）170

4.3.10  文本框控件（textarea）172

4.4  导航174

4.5  媒体组件176

4.5.1  音频组件（audio）177

4.5.2  上手实践：音乐播放器177

4.5.3  图片控件（image）180

4.5.4  上手实践：相册180

4.5.5  视频控件（video）184

4.5.6  上手实践：带弹幕的视频播放器184

4.6  地图187

4.6.1  地图187

4.6.2  上手实践：微信中的腾讯地图定位188

4.7  画布189

4.7.1  画布控件（canvas）190

4.7.2  上手实践：使用canvas实现画布的绘制190

4.8  小结192

4.9  实践与练习192

5  项目实战1——日记本193

5.1  需求分析193

5.1.1  需求确定193

5.1.2  功能确定194

5.1.3  系统设计194

5.1.4  原型设计197

5.2  具体编码199

5.2.1  项目初始化199

5.2.2  测试环境搭建201

5.2.3  用户系统编码203

5.2.4  日记系统编码218

5.3  小结233

5.4  实践与练习235

6  微信提供的API解析236

6.1  网络236

6.1.1  发起请求236

6.1.2  上传与下载238

6.1.3  WebSocket240

6.2  媒体243

6.2.1  图片243

6.2.2  录音245

6.2.3  语音控制246

6.2.4  音乐控制248

6.2.5  视频控制252

6.2.6  上手实践：获取本地视频和播放控制254

6.3  文件256

6.4  数据缓存260

6.5  位置264

6.5.1  获取位置264

6.5.2  查看位置265

6.5.3  地图组件控制266

6.5.4  上手实践：地图控制和查看267

6.6  设备269

6.6.1  系统信息269

6.6.2  网络状态271

6.6.3  重力感应271

6.6.4  罗盘272

6.6.5  拨打电话272

6.6.6  扫码272

6.6.7  上手实践：获取所有手机信息和网络状态273

6.7  界面274

6.7.1  交互反馈274

6.7.2  设置导航条277

6.7.3  导航278

6.7.4  动画280

6.7.5  下拉刷新284

6.7.6  上手实践：带有控制的动画285

6.8  绘图287

6.8.1  在canvas上画图289

6.8.2  canvas坐标系290

6.8.3  渐变291

6.8.4  上手实践：使用canvas绘制笑脸294

6.9  开放接口296

6.9.1  登录296

6.9.2  用户信息301

6.9.3  微信支付302

6.9.4  模板消息303

6.9.5  客服消息307

6.9.6  分享315

6.9.7  获取二维码316

6.10  小结316

6.11  实践与练习317

7  项目实战2——在线阅读318

7.1  项目准备工作318

7.1.1  项目需求分析318

7.1.2  项目系统设计319

7.1.3  设计1：用户模块319

7.1.4  设计2：小说阅读模块321

7.1.5  项目使用到的技术321

7.2  项目服务器端编码322

7.2.1  服务器端介绍322

7.2.2  Laravel框架的安装与配置322

7.2.3  服务器功能路由划分324

7.2.4  服务器数据库搭建325

7.2.5  服务器的配置327

7.2.6  服务器的项目结构328

7.2.7  服务器端登录页面的代码实现328

7.2.8  服务器端管理主页的代码实现330

7.2.9  服务器端管理用户的代码实现332

7.2.10  小程序的接口文档332

7.2.11  后台管理页面搭建339

7.2.12  服务器端的测试347

7.3  项目微信小程序端编码352

7.3.1  微信小程序页面设计353

7.3.2  搭建微信小程序项目353

7.3.3  微信小程序“首页”菜单的代码实现355

7.3.4  微信小程序“用户历史”菜单的代码实现357

7.3.5  微信小程序“用户注册”页面的代码实现361

7.3.6  微信小程序“小说阅读”页面的代码实现367

7.4  小结371

7.5  实践与练习371

8  小程序新增API372

8.1  蓝牙API372

8.1.1  获取蓝牙适配器372

8.1.2  关闭蓝牙模块374

8.1.3  获取本机蓝牙状态375

8.1.4  搜索蓝牙设备377

8.1.5  上手实践：蓝牙管理器386

8.2  其他新增API389

8.2.1  获取收货地址390

8.2.2  打开小程序设置界面391

8.2.3  操作剪贴板392

8.2.4  支持微信卡券393

8.2.5  监听网络变化395

8.3  ES 6的支持396

8.4  小结398

8.5  实践与练习398