前言

听说谷歌准备回中国了，玩了一下谷歌刚入驻微信的小程序：“猜画小歌”，又一次见识到了ai的强大魅力。看来python之路，前途还是一片光明的。

因为18年初时的“跳一跳”，带火了微信小程序，一直想要写一个。所以准备开始花一周时间写个小程序。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

小程序功能特点

微信小程序—day01 随笔 第1张

微信小程序—day01 随笔 第2张

准备工作

微信小程序开发工具下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18073118

登陆微信公众号平台：https://mp.weixin.qq.com/        注册账户，接入小程序

在菜单 “设置”-“开发设置” 中，获取到小程序AppID

有了AppID，才可以新建项目，进入开发工具

目录结构

项目中共有四种类型的文件：

  1.  .json 后缀的 JSON 配置文件

  2.  .wxml 后缀的 WXML 模板文件

  3.  .wxss 后缀的 WXSS 样式文件

  4.  .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物理像素。

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄