你不必看我之前说的废话。

这将是一个系列文章。主要目的是记录个人学习微信小程序开发的成果。

作为一名从JSP时代走出来的老Java后端开发人员，我一直认为后端开发人员应该了解并掌握至少一门前端技术。

首先，在工作中，可以更好地了解前端开发人员的需求。因为你懂，所以你能感同身受。

二是抓好前端和后端。接私人工作什么的，或者找工作、面试的时候，有一个前端来炫耀总是好的。

前端技术方向有很多，包括WEB（国内最流行的可能是Vue），小程序（主要是微信小程序），移动客户端原生开发（，iOS），桌面客户端（Qt，），跨平台平台（、uni-app、）等

个人觉得桌面还是不错的...

移动客户端原生开发难度较大，学习成本高，适用范围窄。你可以想一下，我有多久没有下载新的APP了？

至于跨平台开发框架，从我个人的观察来看，三大框架描绘了非常光明的前景，并且有很多优点。但现实中也存在很多缺点和隐患（纯属个人感受）。具体的我就不多说了，怕得罪人。前段时间，似乎有消息爆出，某框架团队因裁员，进度缓慢。

然后就是以Vue、微信小程序为代表的WEB技术。

尤其是微信，在中国的应用范围最为广泛。你可以不用打开浏览器，但不能不打开微信。而且从这​​几年的工作情况来看，很多公司（尤其是中小企业）的工作重心已经从原生开发转向了微信小程序。

这段时间，出于可以理解的原因，我下岗了，在家照顾孩子。正好有时间，就把微信小程序的学习成果拿出来，也算是一个记录。

毕竟我不是前端开发人员，也从来没有想过转型为前端开发人员，所以我学习的重点是相关的功能和API应用。

页面、图片、颜色、布局等等的美化，不会做，因为我个人审美很差，也没有UI资源。

如果有感兴趣的后端开发人员可以阅读本系列文章。前端开发者或者对前端开发感兴趣的学生无需阅读。

如何申请账号和下载开发工具我就不写了。

小程序基本结构

应用程序.json

我个人认为首要关注的配置项：

所有页面路径的列表。

"pages": [ "pages/index/index", "pages/logs/logs", "pages/news/news", "pages/mine/mine" ]

第一页是小程序的默认启动页。您也可以用“”指定，但这不是必需的。

底部标签栏。最少 2 个，最多 5 个。

"tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/news/news", "text": "新闻" }, { "pagePath": "pages/me/me", "text": "我的" } ] }

各类网络请求的超时时间以毫秒为单位。默认值为 60 秒。

应用程序.js

全局脚本文件。

默认情况下，所有代码都包装在 App 中。

有内置方法，您还可以设置一些全局变量。

App({ onLaunch() { // 小程序初始化完成后，触发，且仅触发一次。 console.log("小程序初始化完成") }, // 全局变量可以操作，具体见后续 globalData: { author: "Leo Bone", mpName: "学习Demo", cityList: [{ "adcCode": 110000, "proviceName": "北京市" }, { "adcCode": 120000, "proviceName": "天津市" }] }})

注意有两种写法：

functionName(parameter...){}functionName:function(parameter...){}

应用程序.wxss

全局样式文件是css。

小程序的所有功能页面都在里面，一页一个目录。一个目录下有 json、js、wxml、wxss 4 个同名文件。

（选修的）

自定义组件目录。

（选修的）

全局逻辑脚本文件存放目录。

这不是为了带货。

前段时间我发现我可以带货。

不过这个公众号纯粹是为了记录我的学习经历。我实在不敢说对读者有什么帮助。我无耻，我觉得我没有实力带货。

但我可以诚实地推荐一本我认为非常好的书。

在我看来，《人月神话》和《》是任何从事软件开发工作的人的必备书籍——不仅仅是程序员，还有领导层、中层经理、项目经理、产品经理、测试、运维、等等，这是一本值得反复阅读的书。

《人月神话》被誉为“软工圣经”，我认为是当之无愧的。如果你认为《人月神话》有任何错误，毫无疑问，你就错了。

《深入理解Java虚拟机》是Java开发的必备之作。它可以在工作和面试中使用。

其他的只是作为参考书。在日常工作和学习中，相比网络资料，书籍相对系统。