微信小程序的入门与框架学习

2020年2月4日

开始小程序的学习与制作

入门准备

先使用一个邮箱注册好小程序账号,添加主体信息,下载微信开发者工具,配置好开发环境,一切就能正式开始了

Hello world

入门第一步肯定少不了Hello world,入门准备按流程走下来差不多就是这样

微信图片_20200204171226.png

总体来说还是比较熟悉的,小程序框架结构用的是MVVM框架,语言主要是  JavaScript

框架

Hello world是创建好了,这个案例我们能学到什么

主要是目录结构和文件框架:

  • 目录结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:

app.js是小程序逻辑

app.json是小程序公共配置

app.wxss否小程序公共样式表

一个小程序页面由四个文件组成,分别是:

js——页面逻辑

wxml——页面结构

json——页面配置(非必须要素)

wxss——页面样式表(非必须要素)

注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。

总的来说就是js写实例(逻辑部分)、json配置、wxml相当于html标签部分、wxss相当于CSS部分

注意:wxml、wxss语法有点不一样,是微信独有的

  • 允许上传的文件

在项目目录中,以下文件会经过编译,因此上传之后无法直接访问到:.js、app.json、.wxml、*.wxss(其中 wxml 和 wxss 文件仅针对在 app.json 中配置了的页面)。除此之外,只有后缀名在白名单内的文件可以被上传,不在白名单列表内文件在开发工具能被访问到,但无法被上传。具体白名单列表如下:

  1. wxs
  2. png
  3. jpg
  4. jpeg
  5. gif
  6. svg
  7. json
  8. cer
  9. mp3
  10. aac
  11. m4a
  12. mp4
  13. wav
  14. ogg
  15. silk

返回文章列表

本文所属标签

技术 小程序