大三实习,第一份实习公司要求按例临摹微信小程序,在校期间没有学习过小程序开发,前端知识掌握的也比较差,边学边做,顺便记录一下,给自己当做笔记,也希望能帮助到你。
后续还会继续完善,未完待续
首先推荐微信小程序开发文档
以下内容也多数参考微信小程序官方文档 微信官方文档 | 微信开放文档
目录结构
小程序包含一个描述整体程序的 app
和多个描述各自页面的 page
。
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
文件 | 必需 | 作用 |
---|---|---|
app.js | 是 | 小程序逻辑 |
app.json | 是 | 小程序公共配置 |
app.wxss | 否 | 小程序公共样式表 |
一个小程序页面由四个文件组成,分别是:
文件类型 | 必需 | 作用 |
---|---|---|
js | 是 | 页面逻辑 |
wxml | 是 | 页面结构 |
json | 否 | 页面配置 |
wxss | 否 | 页面样式表 |
这是首先要了解的,其实和前端开发是一样的,前端是HTMl+CSS+Js,微信小程序wxml对应html,wxss对应css,在环境配置上对入门新手没有过多的操作,这一点很友好,只需要在本地设置中调节基础库的版本,在这里
小程序配置
全局配置
小程序根目录下的 app.json
文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
以下是一个包含了部分常用配置选项的 a