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

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

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

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

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

5-1：微信限制代码体积 2M 以内。5-2：ES法定域名信息 在语法转换和开发中一般不验证。5-3：域名信息：服务器域名应在小程序后台配置request 域名，socket 域名以及uploadFile和downloadFile域名注：域名小程序必须是https控制台：打印输出信息，方便调试资源文件：相应项目的文件目录，一般可以调试本地数据存储：显示本地存储的数据，相应的相关数据API是wx.setStorageSync(key,data)视图调试：标组件以子父层级结构呈现，方便调试。以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善，为了以后更好的提升开发效率，也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化，希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具。

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

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

app文件

app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等等json文件通常用于配置当前页面的窗口性能。app.js 用于提供全球变量，如baseUrl。app.wxss 提供全局css样式

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