uni-app官方demo新闻资讯笔记

pages.json

　　768及以上屏幕显示rightWindow

main.js  App.mpType="app" 没在官方找到对应说明

条件编译

• #ifdef：if defined 仅在某平台存在
• #ifndef：if not defined 除了某平台均存在

使用方法

　　#ifdef APP-NVUE

　　plus.screen.lockOrientation('portrait-primary');

• 锁定屏幕方向 锁定屏幕方向后屏幕只能按锁定的屏幕方向显示，关闭当前页面后仍然有效。 可再次调用此方法修改屏幕锁定方向或调用unlockOrientation()方法恢复到应用的默认值。nvue 切换横竖屏时可能导致样式出现问题，建议有 nvue 的页面锁定手机方向。

　　plus.runtime.appid

• 当前应用的APPID 当前应用的APPID，字符串类型。注意，如果是在HBuilder真机运行获取的是固定值"HBuilder"，需要提交App云端打包后运行才能获取真实的APPID值。 

　　plus.os.name

• 系统的名称 获取当前操作系统的名称，字符串类型数据。
  • iOS: iOS系统。
  • Android: Android系统。

　　addRule

• Weex 提供 DOM.addRule 以加载自定义字体。开发者可以通过指定 font-family加载 iconfont 和 custom font。开发者可以使用下面的代码加载自定义字体：

  <template>
          <view>
              <text class="my-iconfont">&#xe85c;</text>    
          </view>
      </template>
      <script>
          export default{
              beforeCreate() {
                  const domModule = uni.requireNativePlugin('dom')
                  domModule.addRule('fontFace', {
                      'fontFamily': "myIconfont",
                      'src': "url('http://at.alicdn.com/t/font_2234252_v3hj1klw6k9.ttf')"
                  });
              }
          }
      </script>
      <style>
          .my-iconfont {
              font-family:myIconfont;
              font-size:60rpx;
              color: #00AAFF;
          }
      </style>

  View Code

   

　　App支持的生命周期 

• onLaunch：生命周期回调 监听应用初始化。应用初始化完成时触发，全局只触发一次。
• onShow：生命周期回调 监听应用显示。应用启动，或从后台进入前台显示时触发。
• onHide：生命周期回调 监听应用隐藏。应用从前台进入后台时触发。

　　h5.template.html提到了iphoneX刘海屏内容占位：

• 兼容判断　　

  <script>
            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
              CSS.supports('top: constant(a)'))
            document.write(
              '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
              (coverSupport ? ', viewport-fit=cover' : '') + '" />')
          </script>

  View Code

   

　　pages下页面的生命周期

• onReady生命周期回调 监听页面初次渲染完成

  页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。