Uni app advanced style framework / production environment

Style framework

uni-UI The extension component complies with easycom Component specifications , It can be applied directly .
If the component does not conform to easycom standard , You need to manually import and register components in your code before using them .

uni app Of JS

uni app Of JS Code in H5 Run in the browser of the client . Not H5 End （ Including applets and Applications ）,Android The platform runs on V8 In the engine ,IOS The platform runs on IOS Of jscore In the engine , No one runs in the browser or WebView in .
Not h5 End does not support windows、documents、navigator And so on JS API, But it also supports standards ECMAScript.
Do not put the browser's JS Extension objects are equivalent to standard JS.
uni app Non - h5 The end also supports standards JS、if、for Equal grammar 、 character string 、 Numbers 、 Time 、 Boolean value 、 Array 、 Custom object and other variable types and various processing methods . Only browser specific objects are supported , Such as window 、 Documents and navigator .

Promise

For asynchronous methods , If no callback parameter is passed in , Such as success、fail and complete, Then the data will be used as promise return . for example ：uni getImageInfo（）
The method is asynchronous , And there is a return object . If you want to get the return object , At least one callback parameter must be passed in , Such as success、fail、complete etc. .

	//  Normal use 	const task = uni.connectSocket(		success(res){			console.log(res)		}	)	// Promise  turn 	uni.connectSocket().then(res => {			//  Here is  success  Callback  res			//  If you want to get  task , Do not use  Promise  turn 			console.log(res)	})

Uni app Page routing is managed by the framework . Developers need to use JSON To configure the path and page style of each routing page （ Be similar to app.JSON Configure page routing applet in ）.

"pages": [    {      "path": "pages/index",      "style": {        "navigationBarTitleText": " Jinxun Education  ·  Routing configuration ",        "navigationBarBackgroundColor": "#FFFFFF",        "navigationBarTextStyle": "black",        "backgroundColor": "#FFFFFF",        "enablePullDownRefresh": true      }    },    {      "path": "pages/user",      "style": {        "navigationBarTitleText": " Jinxun Education  ·  Routing configuration ",        "navigationBarBackgroundColor": "#FFFFFF",        "navigationBarTextStyle": "black",        "backgroundColor": "#FFFFFF",        "enablePullDownRefresh": true      }    }]

Due to the size of the applet and resource loading limitations , Each applet platform provides a subcontracting method to optimize the download and startup speed of the applet .
The so-called main package is to place the default startup page /tabbar page , All subcontracting requires some common resources /js Script ; Subcontracting is based on page JSON To configure .

Production environment

if(process.env.NODE_ENV === 'development'){    console.log(' development environment ')}else{    console.log(' Production environment ')}