介绍微信开发者工具以及微信小程序框架

2018年，一直不温不火的微信小程序迎来了第二个春天。在我的记忆中，随着跳跃游戏的出现，成千上万的微信小程序如雨后春笋般涌现在我们的视线中。追逐这一波浪潮，作者的公司也开始将一些需求转移到微信小程序上。接下来，我将与您分享最近日历打卡小程序的开发过程和问题。

（1）微信开发人员工具小程序团队推出了自己的开发工具——微信开发人员工具。目前，微信开发人员工具仍在不断改进，在开发小程序时需要不断更新。论坛上吐槽的文章也很多，有很多bug，作者在开发过程中也被它坑过。作者是安卓开发者，习惯了这种可视化编程，所以没有选择Webstrom或其他开发工具，下面将介绍微信开发者工具的基本功能。

型号选择：小程序IPhone6的屏幕尺寸是设计标准，让UI小姐姐按照IPhone6屏幕尺寸。

预览界面：点击编译视图布局，刷新视图界面显示远程调试：手机和PC端开发工具联调(非常实用)上传代码:上传到腾讯服务器，提交审核必要步骤。可以填写版本号和备注信息。

5-1:代码体积，微信限制 2M 以内。5-2：ES法定域名信息在语法转换开发中一般不验证 。5-3:域名信息:服务器域名应在小程序后台配置。request 域名，socket 域名以及uploadFile和downloadFile域名。注：域名小程序必须要求https控制台：打印输出信息，方便调试资源文件：相应项目的文件目录，一般可以调试本地数据存储：显示本地存储的数据，相应的相关数据API是www.xilukeji.com(key,data)视图调试：标准组件以子父级结构呈现，便于调试。以上是微信开发人员工具在开发过程中常用的功能，微信开发人员工具也在不断改进。为了更好地提高未来的开发效率，我们还需要在开发过程中不断向小程序团队反馈问题。我希望你能保持宽容的态度。还可以根据自己的习惯选择其他开发工具。

(2)介绍小程序框架和目录结构

逻辑层小程序开发框架的逻辑层 JavaScript 编写。处理后，逻辑层将数据发送到视图层，并接受视图层的事件反馈。逻辑层对应于js每个页面都有文件js在文件中，系统提供了页面生命周期等一系列方法onLoad(),onShow(),onHide()等，下拉刷新onPullDownRefresh()页面底部(上拉加载)onReachBottom()方法，共享功能onShareAppMessage()等。视图层框架的视图层由 wxml 与 wxss 编写，由组件显示。将逻辑层的数据反应成视图，并将视图层的事件发送到逻辑层。wxml 由小程序提供的组件组成，wxss 是css 样式。

app文件

www.xilukeji.com 文件用于全面配置微信小程序，决定页面文件的路径、窗口性能、网络超时设置、多设置 tab 等。页面的json文件通常用于配置当前页面的窗口性能。www.xilukeji.com 用于提供全局变量，如baseUrl。www.xilukeji.com 提供全局的css样式

utils/.json 系统提供的工具类，一般编写公共方法导出，方便其他页面调用。

上海西陆信息科技有限公司 承接各类微信小程序开发制作、小程序定制、APP 网站 开发制作，联系电话 18221533805、15900430334