小程序入门开发基本知识点

开发组成

页面结构:WXML
页面样式:WXSS
页面脚本:JS+WXS

开发准备

页面组成

app对象 -> page对象 -> component对象
#页面结构
页面结构

app对象

app.js

非必须
作用:

  1. 监听app对象的生命周期
  2. 存储全局数据,类似vue中vuex

app.wxss

非必须
作用:

  1. 全局样式

app.json

必须,必须至少注册一个page
作用:

  1. 全局配置、2. 注册pages、3. window窗口,导航栏、4. tabbar选项卡

pages对象

page.js

作用:

  1. 监听page的生命周期、2. 页面逻辑、3. 页面数据

page.wxml

作用:1. 数据渲染、2. 页面结构、3. 事件绑定

page.wxss

作用:

  1. 页面样式

page.json

作用:
1.页面配置:component注册、导航栏、上/下拉刷新

component对象

复用性高的页面组件部分,和page大致相同

page.json

"component":true

配置

分类:

  1. 项目开发配置
    简易设置:小程序开发软件->详情->本地配置
project.config.json
  1. 小程序收录配置
    作用:sitemap功能,默认收录小程序的页面内容,用于微信搜索,增加曝光度,类似百度收录
    sitemap 配置文档
sitemap.json
  1. 全局配置
    作用:页面文件的路径,窗口设置,网络超时时间,tabbar选项设置
app.json
  1. 页面配置
    可以覆盖全局配置
原创文章 8 获赞 0 访问量 130

猜你喜欢

转载自blog.csdn.net/qq_41785922/article/details/105843650
今日推荐