小程序学习笔记

app.json 全局配置

(json不能写注释)

pages:小程序组成的页面路径，所有页面！

便于找到资源路径！指向文件而不是文件夹，但是无需写出后缀~（index.wxml）

注意app.json与pagesa文件夹的并列关系，即全局文件（app.json   app.js  app.wxml）

覆盖规则类似于CSS，内部覆盖外部，就近原则

windows 窗口参数

 "navigationBarBackgroundColor": "#000000"

背景颜色，底色

"navigationBarTextStyle": "white"

导航栏标题颜色，仅支持 black / white；

"navigationBarTitleText": "云开发 QuickStart",

文字

"backgroundTextStyle": "dark",

下拉 loading 的样式，仅支持 dark / light？？？不懂

navigationBar

app.wxss

与CSS完全类似

 

networkTimeout

各类网络请求的超时时间，单位均为毫秒。？？不懂

 

 

页面配置（文件名.json）

基本参数与page.json相似，但是只能写window属性

sitemap.json（是否允许微信爬虫）

没有sitemap则默认所有页面都

能被索引

场景值：用来描述用户进入小程序的路径（以及方式）

<view class="userinfo">
    <button 
      open-type="getUserInfo"   <!-- 微信开放能力 -->
      bindgetuserinfo="onGetUserInfo"   <!--会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效-->
      class="userinfo-avatar"   <!--class类选择器-->
      style="background-image: url({{avatarUrl}})"
      size="default"  <!--按钮大小：default和mini-->
    ></button>
    <view class="userinfo-nickname-wrapper">
      <button class="userinfo-nickname" bindtap="onGetOpenid">点击获取 openid</button>
    </view>
  </view>

可见wxml由一层层的view（视图）构成相当于HTML里面的div

就是用户可操作的按键了

<button class = "··类名··" bindtap="····对应的js文件里面的函数名····" >···按键上可阅读的文字···</button>

<text>··显示在视图里的文字··</text>

页面链接 URL 

 <navigator url="../databaseGuide/databaseGuide" open-type="navigate" class="uploader-text">

      <text>前端操作数据库</text>

    </navigator>