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

样式框架

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('生产环境')
}