微信小程序—day01
前言
听说谷歌准备回中国了,玩了一下谷歌刚入驻微信的小程序:“猜画小歌”,又一次见识到了ai的强大魅力。看来python之路,前途还是一片光明的。
因为18年初时的“跳一跳”,带火了微信小程序,一直想要写一个。所以准备开始花一周时间写个小程序。
小程序功能特点
准备工作
微信小程序开发工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18073118
登陆微信公众号平台:https://mp.weixin.qq.com/ 注册账户,接入小程序
在菜单 “设置”-“开发设置” 中,获取到小程序AppID
有了AppID,才可以新建项目,进入开发工具
目录结构
项目中共有四种类型的文件:
.json
后缀的JSON
配置文件-
.wxml
后缀的WXML
模板文件 -
.wxss
后缀的WXSS
样式文件 -
.js
后缀的JS
脚本逻辑文件
WXML + WXSS + JS类似web开发中的HTML + CSS + JS
但是其中的一些标签以及写法都是不同的,具体看小程序开发文档中的代码构成部分
- 在WXSS中引入了一个新的尺寸单位:rpx
- rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。