当前位置: 首页 > Web前端 > HTML5

入门微信小程序从基础0开始(二)

时间:2023-04-05 16:57:57 HTML5

上一节讲了如何开通小程序账号和创建项目。今天我们就来说说基本文件的组成和作用。(我觉得没必要想的那么全面复杂,所以是我的简单理解,没那么全面,大佬手下留情)左边是模拟器,中间是文件目录,右边是是具体文件的内容。我们主要看中间页面的文件。pages文件夹下的文件是页面相关的文件。微信给的demo中pages下有两个文件夹,每个文件夹包含4个文件(没错,就是你的page文件存放位置).js文件:其实相当于APP的controller,其中包括数据(页面数据,相当于全局变量),页面生命周期函数,以及你需要的逻辑函数。.json:可以配置navigationBar的一些信息。wxml:布局文件,理解为html即可。wxss:同vue中的css模块,具有scoped特性。文件不一样。这里的.js文件是一些公共类文件。首先获取用户信息和配置)app.json:小程序配置信息文件,比如navigationBar(从字面意思看,这是底部导航)等配置。app.wxss:公共样式。曾经以为有个大佬跟我说,遇到新技术直接操作代码会更好理解或者学习,但是,我想,还是先看官方文档吧,不用记muchThings,我有一个模糊的印象,就是敲代码来得更快。每个人的学习方式不同,选择适合自己的。