微信小程序开发入门知识,你准备好了吗?
发表时间:2023-09-07 15:38:24
文章来源:炫佑科技
浏览次数:134
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信小程序开发入门知识,你准备好了吗?
微信小程序于2016年9月21日邀请内测,您了解微信小程序开发入门知识吗? 下面是一些开发的入门知识。 小编精心搜集了如何开发微信小程序介绍以及微信小程序开发的入门知识,供大家欣赏和学习!
微信小程序开发简介
当你准备开发微信小程序时,首先需要一个小程序的APPId,可以从微信公众号网站获取。 (暂时只有官方邀请的人才能获得)。
还需要准备微信开发工具,官方网站上也有。 只需下载并安装它们。 它支持Linux和MAC平台。
小程序使用的微信开发的MINA框架,提供了视图层描述语言WXML和WXSS,以及基于它的逻辑层框架,提供了视图层和逻辑层之间的数据传输和事件系统,让开发可以方便地专注于数据和逻辑。
当您打开它时,系统会自动提示您创建演示。 demo结构文件树如下:
其中app.js、app.json、app.wxss必不可少,是小程序生成的依赖文件。
app.js 监控和控制整个程序的生命周期,也是声明全局变量的地方。 下面是app.js中的一段代码:
上面代码中的一些API介绍:
App:注册一个小程序
:程序加载时执行的方法
:同步获取本地缓存
: 设置缓存
wx.:获取用户信息
app.json 是整个小程序的全局配置。 不允许评论。
pages为注册页面列表,均为相对路径微信小程序开发入门知识,你准备好了吗?,省略后缀名,程序默认显示列表中的**个。
app.wxss是整个小程序的通用样式表。
在:
apx是适应屏幕宽度的尺寸单位。 对应的是rem:指定屏幕宽度为20rem; 1rem = (750/20)rpx。
全局文件就这些了,然后我们看索引文件的内容
内容分为三部分,index.js、index.wxml、index.wxss。 下面分别介绍它们的功能。
索引.wxml 文件
这是一个显示页面,其工作方式与 html 相同。 可以看到微信小程序则么开发,内容块都使用了view标签,很容易被认为是布局,但实际上它只是div标签的另一个版本。 里面有很多MINA自定义属性,并且在中我们还看到了{{ }}风格的值操作,这也很让人想起MINA中的双向数据绑定,MINA中也支持这种方式。
同时,页面的显示需要在小程序的全局json配置文件中进行配置,如前所述。
索引.js 文件
在:
() 获取应用程序实例