微信公众平台

app.json

  • pages:用来记录当前小程序所有页面的路径
  • window:全局定义小程序所有页面的背景色、文字颜色等
  • style:全局定义小程序组件所使用的样式版本

project.config.json

  • setting中保存了编译相关的配置
  • projectname中保存的是项目名称
  • appid中保存的是小程序的账号ID

WXML 和 HTML 的区别

  • 标签名称不同
    • HTML (div, Span, img, a)
    • WXML(view,text,image,navigator)
  • 属性节点不同
    • <a href="#">超链接</a>
    • <navigator url="/pages/home/home"></navigator>
  • 提供了类似于Vue中的模板语法
    • 数据绑定
    • 列表渲染
    • 条件渲染

WXSS 和 CSS 的区别

  • 新增了 rpx 尺寸单位
    • CSS中需要手动进行像素单位换算,例如rem
    • WXSS在底层支持新的尺寸单位rpx,在不同大小的屏幕上小程序会自动进行换算
  • 提供了全局的样式和局部样式
    • 项目根目录中的app.wxss会作用于所有小程序页面
    • 局部页面的.WXSS样式仅对当前页面生效
  • WXSS仅支持部分CSS选择器
    • .class#id
    • element
    • 并集选择器、后代选择器
    • :after和:before等伪类选择器

小程序中 js 文件的分类

  • 小程序中的JS文件分为三大类,分别是:
  • app.js是整个小程序项目的入口文件,通过调用 App() 函数来启动整个小程序
  • 页面的 js 文件,是页面的入口文件,通过调用 Page()函数来创建并运行页面
  • 普通的 js 文件,是普通的功能模块文件,用来封装公共的函数或属性供页面使用