uni-app 进阶之样式框架 / 生产环境【day10】

作者：黎燃

2022 年 6 月 21 日
本文字数：1061 字
阅读完需：约 3 分钟

样式框架

uni-UI 扩展组件符合 easycom 组件规范，可以直接应用。如果组件不符合 easycom 规范，则需要在使用之前在代码中手动导入并注册组件。

uni app 的 JS

uni app 的 JS 代码在 H5 端的浏览器中运行。非 H5 端（包括小程序和应用程序），Android 平台运行在 V8 引擎中，IOS 平台运行在 IOS 的 jscore 引擎中，没有一个运行在浏览器或 WebView 中。非 h5 端不支持 windows、documents、navigator 等浏览器的 JS API，但也支持标准 ECMAScript。不要将浏览器的 JS 扩展对象等同于标准 JS。uni app 的非 h5 端还支持标准 JS、if、for 等语法、字符串、数字、时间、布尔值、数组、自定义对象等变量类型和各种处理方法。仅支持特定于浏览器的对象，如窗口、文档和导航器。

Promise

对于异步方法，如果没有传入回调参数，如 success、fail 和 complete，那么数据将作为 promise 返回。例如：uni getImageInfo（）该方法是异步的，并且有一个返回对象。如果要获取返回对象，必须传入至少一个回调参数，如 success、fail、complete 等。

  // 正常使用  const task = uni.connectSocket(    success(res){      console.log(res)    }  )
  // Promise 化  uni.connectSocket().then(res => {      // 此处即为 success 回调的 res      // 如果想获取 task ，则不要使用 Promise 化      console.log(res)  })

复制代码

Uni app 页面路由均由框架管理。开发人员需要使用 JSON 来配置每个路由页面的路径和页面样式（类似于 app.JSON 中配置页面路由的小程序）。

"pages": [    {      "path": "pages/index",      "style": {        "navigationBarTitleText": "金迅教育 · 路由配置",        "navigationBarBackgroundColor": "#FFFFFF",        "navigationBarTextStyle": "black",        "backgroundColor": "#FFFFFF",        "enablePullDownRefresh": true      }    },    {      "path": "pages/user",      "style": {        "navigationBarTitleText": "金迅教育 · 路由配置",        "navigationBarBackgroundColor": "#FFFFFF",        "navigationBarTextStyle": "black",        "backgroundColor": "#FFFFFF",        "enablePullDownRefresh": true      }    }]

复制代码

由于小程序的大小和资源加载限制，每个小程序平台都提供了一种分包方法来优化小程序的下载和启动速度。所谓主包就是放置默认的启动页面/tabbar 页面，所有分包都需要一些公共资源/js 脚本；分包基于页面 JSON 配置。

生产环境

if(process.env.NODE_ENV === 'development'){    console.log('开发环境')}else{    console.log('生产环境')}

复制代码

发布于: 刚刚阅读数: 3

原文链接:【http://xie.infoq.cn/article/7df4e8035ce587fb55df28d20】。文章转载请联系作者。

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

发布

暂无评论

创作场景

uni-app 进阶之样式框架 / 生产环境【day10】

样式框架

uni app 的 JS

Promise

生产环境

黎燃

评论