面向对象思考

无处不在的小程序从 2017 年 1 月 9 日，张小龙在 2017 微信公开课 Pro 上发布小程序开始算起，微信小程序已经走过了三个年头。从当初的只闻其名到今天的耳濡目染，微信小程序可以说已经深入了每个人的生活。读者可以打开自己手机微信，进入微信页面并上滑，就可以看到和下图相似的微信小程序管理画面。如果再点一下 […] 图标，你会看到更多的小程序。而这些小程序，你大概已经记不得是什么时候...

创建自己的小程序账号在开发自己的微信小程序之前，首先需要注册小程序账号，以下一步一步详细说明。打开浏览器，输入 mp.weixin.qq.com：因为是第一次使用，所以选择画面右上角的“立即注册”。选择左下角的“小程序”方框。输入邮箱、密码、确认密码，验证码以后选择同意协议和条款。当然这里的密码不是邮箱的密码，而是正在申请的小程序账号的密码。最后按下“注册”按钮。按下“登录邮...

中国有句老话：“工欲善其事，必先利其器”，在实际介绍小程序开发之前，我们首先介绍一下微信开发者工具。可以毫不夸张地说，开发工具是否成熟很大程度上决定了一种技术能否迅速地被广大开发者所接受。生成第一个小程序在正式开始介绍开发工具之前，首先生成一个用于说明的小程序：启动开发者工具后用小程序管理者的微信扫描图中的二维码：在为微信界面上按下“确认”按钮之后，进入小程序开发工具主界面：选择“...

小程序的构成包含配置文件、页面文件以及时间处理和事件绑定。内容比较多，我们分三次介绍。本文先说明配置文件。下图中红框中的文件都是配置文件，分别用于小程序全体和每个页面的配置信息。JSON 简介概要配置文件的格式是 JSON，这里再次引用百度百科中的说明。JSON（JavaScript Object Notation，JS 对象标记）是一种轻量级的数据交换格式。它基于 ECMAScrip...

网页编程的多种方式中，HTML + CSS + JavaScript 算是比较流行的一种组合。在这个组合中，HTML 用来描述页面的结构，CSS 用来描述页面要素的属性，而 JavaScript 通常是用来处理各种逻辑。微信小程序也采用类似的方式，只是 WXML 充当的就是 HTML 的角色，而 WXSS 承担 CSS 的职责。今天的内容小程序构成的第二篇，介绍 WXML 页面文件和 WXSS...

很多年以前，作者刚开始学习 Windows 编程的时候有一个最常见的提法：消息驱动。大致说的是 Windows 编程就是给一个又一个的消息编写处理函数。后来有了 MFC，代码在文档/视图架构下动作，程序员只要在工具生成的消息处理函数中编写代码即可，其他交给架构处理，不需要过多关注（至少在学习的早期阶段是这样）。这么多年过去了，包括我们这里要说明的小程序，这个套路依然没变。本文就从这个视角介绍 H...

介绍完了 HelloLightApp 之后，就开始进入练习阶段。本课程篇幅有限，我们只做一个最简单的小程序——指南针。指南针小程序也包括两个画面，本文先介绍第一个画面。主画面画面的标题为“Compass”，内容分上下两部分，上面是一个动态的指南针，下面是现在方向的角度。动态指南针的中心是一个指向上方的指针，周围是一个指示方向的文字盘。将手机水平放置时，红色指针指向的就是现在的方向。下面...

画面指南针小程序是一个练习用的小程序，基本上有一个界面就够了，但是在开发过程中（不限于小程序开发）经常会出现需要取得软件运行数据的情况，所以我们也给指南针小程序增加了日志输出的功能，用于表示动作过程中取得的罗盘数据。其画面如下：画面标题画面的标题通过 logs.json 文件来修改。logs.json{ "navigationBarTitleText": "查看实时数据"}l...

发布小程序小程序的功能实现之后，经过一段时间的测试，接下来就是发布了。但是腾讯对于小程序的开发制定了一定的条件并进行审核。那些功能过于简单的，完成度低的小程序是没有办法通过审查的。所以本文以位置闹铃程序为例来说明小程序发布的过程。上传小程序在开发工具的上面偏右的位置，有一个“上传”按钮，按下它就可以将小程序上传到微信小程序公众号。开始发布登录自己的小程序帐号，进入“首页”。画面右侧...