微信小程序学习笔记(阶段一)

一阶段学习过程:

  (一)看官方文档的简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/

  (二)看小码哥视频:https://chuanke.baidu.com/v2040981-197486-1133724.html

  (三)模仿并写出一个计算器小程序demo

项目结构:

  pages:存储这各个页面的文件夹

  pages内的文件夹(初始有index、logs):分别存储这每个页面,其中一般包含三种文件,*.js、*wxml、*wxss

  utils:里面装有一个util.js文件,该文件封装着各种工具方法

  app.js:整个小程序周期的相关逻辑

  app.json用于注册页面,定义一些全局信息或整个程序相关信息等公共信息

  app.wxss:全局公共样式表

文件类型介绍:

  *.js:定义各种逻辑处理的文件

  *.wxml:定义页面组件的文件,相似于html(这里是基于html5,名字wx是微信的意思,ml则是html的后两个字母)

  *.wxss:定义组件样式的样式表,相似于css

  *.json用于配置相关信息的文件

 

添加页面:

  ①在pages添加一个页面文件夹

  ②在新增的文件夹内添加.wxml文件及.js文件(.wxss和.json可选)

  ③在.js中添加page项(输入pa后自动联想,然后选择Page会自动创建好)

  ④在app.json中的“pages”项中注册页面

 

定义/修改/使用页面变量:

  定义:

    在本页面的*.js文件中的data项中定义,格式如:

data: { text: "this is Macrazd", res: "0", lastIsOperator:false, arr:[], logs:[] },

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wspwpg.html