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

下载链接: https://pan.baidu.com/s/1GqH-ihg5dE1jo6pwSfA38A 密码: q7xz

  • 出版社: 电子工业出版社; 第1版 (2017年5月1日)
  • 平装: 398页
  • 语种: 简体中文
  • 开本: 16
  • ISBN: 9787121314285
  • 条形码: 9787121314285
  • 商品尺寸: 22.8 x 18.2 x 2 cm
  • 商品重量: 662 g
  • 品牌: 电子工业出版社
  • ASIN: B071J2P3S1


编辑推荐

从易到难、循序渐进,更轻松地掌握微信小程序开发的各种知识。
广泛涉及、重点突出,更全面系统地学习小程序开发的各种方法。
理论结合实践,更深入地理解小程序的控件和API的使用方法。
案例讲解使用工程化思想,真正掌握小程序系统开发的精髓。

媒体推荐

从易到难、循序渐进,更轻松地掌握微信小程序开发的各种知识。广泛涉及、重点突出,更全面系统地学习小程序开发的各种方法。理论结合实践,更深入地理解小程序的控件和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.1JavaScript技术8
1.2.2CSS技术9
1.2.3HTML(XML)技术10
1.3小程序开发所使用的技术11
1.3.1开发文件结构12
1.3.2配置程序12
1.3.3逻辑层16
1.3.4WXML20
1.3.5WXSS25
1.4搭建小程序开发环境27
1.4.1IDE下载27
1.4.2Windows系统的IDE安装29
1.5上手实践:第一个HelloWX程序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.2IDE调试窗口45
2.1.3小程序的测试与重启49
2.1.4小程序的调试50
2.1.5小程序的控制台53
2.1.6IDE项目窗口55
2.1.7项目的关闭与新建56
2.1.8IDE项目编辑窗口57
2.2小结59
2.3实践与练习59
3小程序开发基础60
3.1HTML入门60
3.1.1HTML简介60
3.1.2HTML的用途与结构61
3.2HTML基础62
3.2.1HTML语法基础62
3.2.2HTML元素63
3.2.3HTML属性77
3.2.4WXML与HTML78
3.3CSS入门79
3.4CSS基础79
3.4.1CSS基础语法80
3.4.2CSS样式82
3.4.3CSS框模型95
3.4.4CSS定位101
3.4.5CSS与WXSS106
3.5JavaScript入门106
3.5.1JavaScript简介106
3.5.2JavaScript前景107
3.6JavaScript基础108
3.6.1JavaScript注释108
3.6.2JavaScript变量108
3.6.3JavaScript数据类型112
3.6.4JavaScript对象118
3.6.5JavaScript函数122
3.6.6JavaScript运算符127
3.6.7JavaScript逻辑控制语句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.5label元素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.3WebSocket240
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.2canvas坐标系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
8小程序新增API372

序言

前 言
对于商家来说:
App打开率越来越低!
App开发成本越来越高!
App部署难度越来越大!
App上线周期越来越长!
对于用户来说:
手机存储空间越来越不够用! 
App越来越用不着!
垃圾通知越来越多!
安全性越来越差!
这一切,用小程序都能解决!
微信小程序通过极低的开发成本,大量简化了相关的开发操作和应用信息获取,结合HTML 5和微信的API,几乎能开发出类似App的大多数功能!
迄今为止,已经有大量的应用接入微信小程序端,并迅速攫取了大量的用户,部分应用的使用体验甚至要高于应用本身App的体验。通过微信小程序提供的API,可以方便地实现对手机信息、照片信息及其他媒体信息的获取和操作,而其推送和使用微信账号的登录效果远远方便于原生应用使用第三方插件的体验效果。
对于初学者而言,这是一次技术革新的机会,你可能是开发小白,可能只是一个大学生,可能面对各种移动开发无从选择。本书帮你零基础走进微信小程序开发。作者结合自己多年的后端项目开发和培训经验写作了本书,全面地介绍了微信小程序开发基础、微信小程序通用API、HTML 5与WXML、CSS 3与WXSS、JavaScript等技术,并通过完整的实例介绍了微信小程序开发的步骤和基本架构。
小程序能做什么。
大多数内容发布类App都可以被小程序所代替,因为微信小程序是一种轻度的云端应用。目前来看,小程序主要应用范围如下:
目前已经有很多常用的App都开发出了自己的小程序(如下图所示),这样我们就不用再下载这些应用,直接在微信里打开或搜索这些小程序即可。 本书对读者的帮助本书是针对小程序开发的完全零基础入门读物,所以本书包括了小程序的基础、微信API的基础、网页开发(HTML 5 CSS 3 JavaScript)的基础,还有完整工程化的项目案例,本书的知识体系如下图所示: 
本书的特点
1.重点突出全书共分8章,采用从易到难、循序渐进的方式进行讲解。内容涉及了微信小程序从开发到实际项目实践的全过程。
2.涉及广泛由于程序是相对网页开发的一种技术,为了方便读者学习,本书首先让读者了解HTML、CSS、JavaScript等Web基础开发技术,并掌握小程序的开发环境和工具。读者在掌握开发环境和工具的基础上,逐渐学习微信小程序特有标签和API,掌握小程序的系统构建。读者可以边学习边实践,更快掌握微信小程序开发的各种知识。
3.重点实践书中每个API和控件都有练习实例,并且包含了完整的代码。例程都采用了分步骤实现方法,这样读者可以很清晰地知道每个技术的具体实现步骤,从而提高学习效率。
4.理论和实践相互结合由于小程序本身相关技术较多,即使读者理解其控件和API对于如何开发一个小程序可能也无从下手。本书通过传统讲解的方式并结合每一个实例,帮助读者解决这个问题。通过对具体项目的实践,读者可以对这几种技术及其相互结合有更深入的理解。
5.工程化思想本书对于案例的讲解,并非传统的只讲述代码部分,而是采用工程化的思路,从项目需求开始进行分析、系统设计、原型图设计,再到具体的编码部分。
本书采用一个从零开始的案例,对系统做整体分析,让读者先对小程序系统有整体把握,然后通过对开发过程以及知识点的详细讲解,使读者真正掌握系统开发的精髓。
本书的内容安排本书一共8章,章节规划如下所示。
第1~2章是微信小程序的概述。讲述了微信小程序的基础,包括对于小程序的介绍和开发环境的搭建,以及第一个基础的小程序演示等。
第3章是Web开发基础知识。讲述了Web静态开发的HTML 5、CSS 3、JavaScript等知识,并且将其与微信WXSS、WXML做了相关的综述对比。
第4章和第6章是微信小程序标签与API。讲述了微信小程序开发中的WXML标签和微信小程序为开发者提供的API,并且对于每一个知识点进行了介绍和实例分析。
第5章和第7章是两个完整的项目实践。通过实践开发两个具有典型代表性的微信小程序应用程序,从零开始,并提供详细开发步骤,介绍了微信小程序应用程序的开发过程,通过对整个流程的介绍,既复习了前面学习的知识,也了解了项目实践的流程和技巧。
第8章补充了微信在2017年3月最新开发的一些API,包括蓝牙、卡券、收货地址等,由于微信开发对ES 6的支持,本章也简单介绍了ES 6语法的变化。
本书由浅入深,由理论到实践,尤其适合初级读者逐步学习和完善自己的知识结构。适合阅读本书的读者? 希望做微信小程序开发的人员。? Web网页开发人员。? 微信开发人员。? 微信公众号管理人员。? 想将原生App制作为微信小程序的人员。? 想降低App开发成本的初创企业。? 大中专院校的学生。致谢参与本书编写的还有谢郁、杨艳玲、赵毅峰、刘宁、刘海琛、刘轶、姜永艳、李玉莉、杨超、林江闽、薛淑英、赵东、陈宇、陈超,在此一并表示感谢。

文摘

1.1.4 怎样学好微信小程序
微信小程序虽然已经正式发布,但是版本还处于一个不稳定的环境下,所以较Java、C 这样成熟的技术而言可能会变动较大。所以,要学好这样一门新技术,可能需要下面的一些能力:
1.基本的技术基础
(1)JavaScript(简称JS)基础。微信小程序基于JS,并且支持原生JS进行逻辑开发,所以有一定的JS基础是非常重要的。
(2)CSS基础。虽然用于布局样式的WXSS并不是单纯的CSS,但是也是基于CSS技术的一种封装,所以有一定的CSS基础对于学习WXSS也是必要的。
(3)HTML(XML)基础。用于布局的WXML同样也是对于HTML(XML)的一种封装应用,所以HTML基础对于学习也是有一定意义的。
2.基本的编程思维
(1)熟悉基本的编程思想,拥有写网页或者是App的思维模式。
(2)拥有不错的逻辑思维能力,明确需求达到的目标。
3.解决问题的能力
(1)熟练应用Google、Baidu等搜索引擎,找到相应的解决办法。
(2)学会使用GitHub、StackOverflow等社区找到解决方案。
4.自学能力
能够不断自主学习相应的知识和计算机的新技术,这也是在编程学习中最重要的一点。其实小程序的开发还是很简单和便捷的,但是这并不意味着它是一个简单的程序,腾讯将服务和接口打包开放给了开发者,这使得开发人员的工作和难度大大减少了,但是正如任何一个入门简单的行业和技术一样,学习曲线都是冗长的。所以想要实现在一个技术行业的不断成长,总结和学习是非常重要的。
注意:本书不会太多地涉及JS、HTML等技术,只是一个粗浅的学习过程,并不是从原理开始讲起,只会涉及一些简单的、我们需要使用的技术。剩下的需要读者不断地自主学习。


猜你喜欢

转载自blog.csdn.net/sinat_33899729/article/details/80224438