怎么开发小程序微信小程序开发流程

 时间:2024-10-25 06:37:38

1、当你准备开发一个微信小程序的时候,你首先需要一个小程序的 APPId ,在微信公众号官网可以获得。(暂时只有官方邀请的才可以获得)。你还需要准备微信开发者工具,官网同样有下载,下载安装即可,支持windows,linux,和MAC平台。

怎么开发小程序微信小程序开发流程

3、其中app.js、app.json、app.wxss 是必不可少的,是小程序生成的依赖文件。app.js 监听并控制这整个程序的生命周期,也是全局变量声明的地方。如下是 app.js 中的一段代码:

怎么开发小程序微信小程序开发流程

6、app.wxss 是整个小程序的公共样式表。其中:apx 是尺寸单位,可根据屏幕宽度自适应大小。与之对应的有rem:规定屏幕宽度为20rem;1rem = (750/20)rpx 。

怎么开发小程序微信小程序开发流程

7、全局文件就这些,然后我们看 index 文件中的内容有三部分内容,index.js ,index.wxml ,index.wxss,下面介绍它们的作用。

8、index.wxml 文件这是一个展示页面,作用于html相同。可以看出,内容分块均采用 view 标签,这也很容易让人想到Android 中的布局,但其实只是趑虎钾缫更多的是 div 标签的另一个版本,在这里面有很多 MINA 自定义的属性,而且在我们在其中也看到了{{ }}样式的值操作,这也很容易让人联想到 angularJS 中的数据双向绑定,在 MINA 中也是支持的。同时,页面的展示,均需要在小程序全局的json配置文件中配置,前面已有说明。

怎么开发小程序微信小程序开发流程

10、index.wxss 中同样定义了一些样式,写法思路与css文件基本一致,只是不需要再去关心屏幕适配问题。随后就是效果展示了,在开发者工具中扫码即可查看效果。

  • 玫瑰枝有哪些生根的方法呢
  • 二胎怀孕需要注意什么?
  • 我爱我家怎么清空浏览记录
  • 百度首页添加导航和导航使用
  • 在线订餐管理系统怎么定制开发?
  • 热门搜索
    北戴河攻略 专业技能怎么写 考不上好高中怎么办 金融帝国2攻略 zara怎么念 刘涛简介 苏州西山旅游攻略 鸭汤怎么做好吃 qq怎么刷q币 茶馆简介