微信开发者工具手机版下载(介绍微信开发者工具以及微信小程序框架)

一直不温不火的微信小程序,在2018年迎来了第二个春天。在我的记忆中,随着“跳跳跳”游戏的出现,数以千万计的微信小程序如雨后春笋般出现在我们的视线中。跟着这股大浪潮,笔者所在的公司也开始向微信小程序转移一些诉求。接下来我会分几篇文章和大家分享一个最近的日历打卡小程序的开发过程和问题。



微信开发者平台教程

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

选型:小程序以IPhone6的屏幕尺寸为设计标准,让UI小姐根据IPhone6的屏幕尺寸裁剪图片。

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



5-1:码量,2M境内受微信限制。5-2: ES语法转换,开发时一般不检查合法域名信息。5-3:域名信息:小程序后台需要配置服务器域名,包括请求域名,套接字域名,以及uploadFile和downloadFile域名。注意:域名小程序必须是https控制台:打印出方便调试的信息资源文件:对应项目的文件目录,一般可以在这里进行断点调试。本地数据存储:显示本地存储的数据,对应的相关API为wx.setStorageSync(key,data)视图调试:目标组件以父子层次结构呈现,方便调试。以上功能是微信开发者工具在开发过程中常用的,微信开发者工具也在不断完善中。为了以后更好的提高开发效率,我们还需要不断的将开发过程中遇到的问题反馈给小程序团队进行优化,希望大家多多包容。在开发过程中,也可以根据自己的习惯选择其他开发工具。

(applet框架和目录结构介绍



小程序开发框架的逻辑层是用JavaScript写的。逻辑层处理数据并将其发送到视图层,同时接收来自视图层的事件反馈。逻辑层对应于js文件。在每个页面的js文件中,系统提供了诸如:页面生命周期onLoad()、onShow()、onHide()等一系列方法。、下拉刷新onPullDownRefresh()、page to bottom(上拉加载)onReachBottom()方法、共享函数onShareAppMessage()等。视图层框架的视图层由wxml和wxss编写,通过组件显示。将逻辑层的数据反映到视图中,并将视图层的事件发送到逻辑层。Wxml由小程序提供的组件组成,wxss是css样式。



应用程序文件

app.json文件用于对微信小程序进行全局配置,确定页面文件的路径,窗口表示,设置网络超时时间,设置多个标签页等。页面的json文件一般用来配置当前页面的窗口表示。App.js用于提供全局变量,比如baseUrl。App.wxss提供全局css样式。

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

您可以还会对下面的文章感兴趣

使用微信扫描二维码后

点击右上角发送给好友