微信小程序初体验

242 阅读1分钟

小程序的文件目录

pages:所有的 **小程序页面,**每个页面以 单独的文件夹存在

utils:工具类文件夹

app.js:小程序的项目逻辑文件,用来 注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。

app.json:小程序公共配置文件,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等

app.wxss:小程序公共样式表

project.config.json:是项目配置文件,用来记录我们对小程序开发工具所做的个性化配置

sitemap.json:配置小程序及其页面是否允许被微信索引

一个小程序的页面由什么组成

  1. 小程序的页面由 4 个文件组成

    index.wxml-页面的模板结构文件

    index.wxss-当前页面的样式表文件(wxss 新增了 rpx 尺寸单位,一个 rpx 为页面宽度的 1 / 750 ,在wxssz中推荐使用.class类选择器)

    index.js-页面的脚本文件,存放页面的数据、事件处理函数、生命周期等

    index.json-当前页面的配置文件,配置页面的外观、表现等

  2. 并且 这4个文件 应该被放入到 pages 文件夹下的 同一个文件夹中

project.config.json 文件的作用

项目配置文件,用来记录我们对小程序开发工具所做的个性化配置

sitemap.json 文件的作用

配置小程序及其页面是否允许被微信索引

小程序的内置组件

  1. view
  2. scroll-view
  3. swiper && swiper-item
  4. text && rich-text
  5. button
  6. image

小程序项目发布

1.本地-开发版本

2.上传开发版本或者体验版本

3.上传审核版本

4.上传线上版本