uni-app的介绍

一、js基础内容（补充）

 <!-- js脚本语言：按行执行 -->

    <script>

        //数据类型 variable

        //数值型

        var age = 18;

        var score = 444;

        //boolean 布尔型 true false

        var flag = true;

        // NULL:没有

        var nullVar = null;

        //字符串

        var address = "郑州管城区";

        var id = 'jx21022111';

        //先声明 再赋值

        var idun;

 

        console.log(age);

        console.log(score);

        console.log(flag);

        console.log(nullVar);

        console.log(address);

        console.log(idun);

        //数组

        var arr = [1, 1.1, true, "哈哈"];

        //对象 object

        var obj = {

            // 键  值

            stuName: '吴梦①',

            id: '2111010208',

            age: 20,

            sex: true

        }

        // 数组对象

        var stuMsg = [{

            // 键值

            id: 'jx21022111',

            stuName: "主1",

            age: 20,

            sex: true

      }, {

            //键 值

            id: "2111010208",

            stuName: "王2",

            age: 18,

            sex: true

        }

];

    </script>

二、什么是uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app，腾讯课堂官方为uni-app录制培训课程，开发者可以放心选择。

uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。

三、创建uni-app

1.在点击工具栏里的文件 -> 新建 -> 项目（快捷键Ctrl+N）：

2. 选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。

四、Uniapp的文件的结构 

pages                            业务页面文件存放的目录
index     -index. vue         index页面
static                             存放应用引用的本地静态资源(如图片、视频等)的目录，注意:静态资源都应存放于此目录
main.js                           Vue初始化入口文件
App. vue                     应用配置，用来配置App全局样式以及监听 应用生命周期
index.html                   所有的vue文件都会解析之后插入index,htm1文件中进行链接加载(vue的思想是单页面应用->路由(router))
manifest.json               配置应用名称、appid、1ogo、版本等打包信息
pages. json                   配置页面路由、导航条、选项卡等页面类信息

uni.scss                       内置的常用样式变量
 

 五、尺寸单位

uni-app 支持的通用 css 单位包括 px、rpx

• px 即屏幕像素
• rpx 即响应式 px，一种根据屏幕宽度自适应的动态单位。以 750 宽的屏幕为基准，750rpx 恰好为屏幕宽度。