微信小程序开发(1)微信开发者工具及小程序框架介绍(微信小程序官方开发工具)

前言一直不温不火。微信小程序在2018年迎来了第二个春天。在我的记忆中，随着跳跃游戏的出现，数以千万计的微信小程序如雨后春笋般出现在我们的视线中。追着这股大浪，笔者所在的公司也开始把一些诉求转移到微信小程序上。接下来我会分几篇文章和大家分享一个最近的日历打卡小程序的开发过程和问题。相关免费学习推荐:微信小程序开发

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

机型选择:小程序以IPhone6的屏幕尺寸为设计标准，让UI小姐根据IPhone6的屏幕尺寸裁剪图片。预览界面:视图布局写好后点击编译，视图界面会刷新显示远程调试:手机和PC开发工具联合调试(非常实用)。上传代码:上传到腾讯服务器，提交审核。可以填写版本号和备注信息5-1:码量，微信限2M内。5+2: ES语法转换，开发中一般不检查合法域名信息。5+3:域名信息:小程序后台需要是配置服务器的域名，包括请求域名、socket域名和uploadFile、downloadFile域名。注意:域名小程序必须是https控制台:打印出信息，方便调试资源文件:对应项目的文件目录，一般可以在这里调试本地数据存储:显示本地存储的数据，对应的相关API是wx.setStorageSync(key，data)视图调试:标准组件以父子层次结构呈现，方便调试。以上是微信开发者工具在开发过程中常用的功能，微信开发者工具也在不断完善中。为了提高以后的开发效率，我们还需要不断将开发过程中会遇到的问题反馈给小程序团队进行优化。希望大家抱着包容的态度。在开发过程中，也可以根据自己的习惯选择其他开发工具。

(applet框架和目录结构介绍

逻辑小程序开发框架的逻辑层是用JavaScript编写的。逻辑层处理数据并发送给视图层，并接收来自视图层的事件反馈。逻辑层对应于js文件。在每个页面的js文件中，系统提供了诸如:页面生命周期onLoad()、onShow()、onHide()等一系列方法。、pulldown refresh()上的下拉刷新、page-to-bottom(pull up load)onReachBottom()方法、ShareAppMessage()上的共享函数等。

视图框架的视图层由wxml和wxss编写，由组件显示。逻辑层的数据反映到视图中，视图层的事件发送到逻辑层。Wx由小程序提供的组件组成，wxss是css样式。

app.json文件用于对微信小程序进行全局配置，确定页面文件路径，窗口性能，设置网络超时，设置多个标签页等。页面的json文件一般用来配置当前页面的窗口表示。App.js用于提供全局变量，比如baseUrl。App.wxss提供了全局css样式{ " pages :[//页面的路径(在这里可以快速创建页面)" pages/index/index ；， 页面/日志/索引 ]， 窗口 :{//查看窗口" navigationBarTitleText : 演示 }， tabBar :{//底部制表符"列表 :[{ ；pagePath : 页数/索引/索引 ， 文本 : 主页" }，{ pagePath : 页面/日志/日志 ， 文本 : 日志" }] }， 网络超时 :{//设置“请求”是否超时:10000， 下载文件 :10000 }， 调试:true } Utility提供的实用程序类。json系统。通常，编写公共方法导出是为了方便其他页面调用。(3)结束语

本文简单介绍了微信开发者工具和小程序的框架，相关功能在微信的开发文档中有详细介绍。接下来，我们将开始开发日历打卡小程序的旅程。

以上是微信小程序开发(一)。介绍微信开发者工具和小程序框架的细节。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 微信小程序开发(1)介绍微信开发者工具和小程序框架(微信小程序开发工具教程)。

本文由主机参考刊发，转载请注明：微信小程序开发(1)微信开发者工具及小程序框架介绍(微信小程序官方开发工具) https://zhujicankao.com/79016.html