现在微信小程序越来越火了,与刚开始相比也新增了许多新的功能。这里主要讲一下我整理的小程序的文件架构和相关小知识。
小程序框架:
pages
index.js ->这里是页面的js逻辑
index.json ->这里是相关的数据文档
index.wxml ->相当于html文件
index.wxss ->相当于css文件
index
app.js ->公共文档js
app.json ->公共逻辑配置
app.wxss ->公共样式配置
project.config.json ->项目生成时的原始文件
sitemap.json ->项目生成时的原始文件
常用标签:
view 相当于html里的的div标签
text 与html的文本标签一致
image与html的图片标签一致
block 主要用于for循环的标签
JS文件内的常用方法:
data方法:主要存放小程序页面的加载数
onLoad方法:页面加载时会自动加载该方法
this.setData({posts_key:posts_content});//这个方法会将数据返回到当前js文件的data方法下