Vue 移动端框架Vue 

移动端框架
1. Vant # vue3
2. Mint UI #vue2
3. weUI  #微信风格
4. Frozen UI #qq风格
5. MUI


移动端app
1、Taro 
2、uniapp
3、react-native
4、fluter
5、ionic-framework

PC端
1、element-plus 23.3k star
	熟悉的vue2 element 风格
2、naive-ui 15.3k star
	Naive UI是一个仅支持vue3的库，有超过80个组件，希望能帮你少写点代码。
该库曾得到了vue作者犹大的极力推荐，属于新生代的ui组件库。官方提供主题编辑器，不用繁琐的less、sass、css变量，也不用webpack的loaders。使用的是由TypeScript构建的先进类型安全主题系统，运行快、小巧轻量、专门针对样式优化，不需要导入任何css就能让组件正常工作。
3、ant-design-vue 19.7k star
	相比于element plus，Ant Design在组件方面有着非常大的优势，不过使用稍微复杂了点，但是换来更大的便利。
4、Quasar
Quasar UI是一个不被大众熟知的框架，目前github已有25.3k star。国外无中文文档

pages: {
    index: {
      entry: "src/main.js",
      template: "public/index.html",
      filename: "index.html",
      title: "PMS index",
    },
    testPMS: {
      entry: "src/testPMS.js",
      template: "public/testPMS.html",
      filename: "testPMS.html",
      title: "PMS test",
    },
},

const router = new VueRouter({
  base: "/testPMS",
  mode: "history",
  routes: [
    {
      path: "/",
      redirect: "/repairSchedule",
    },
    {
      path: "/repairSchedule",
      name: "xxxx",
      component: IframeView,
    },
 ]
})
new Vue({
  router,
  render: (h) => h(TestPMS),
}).$mount("#testPMS");

const router = new VueRouter({
  routes: [
    {
      path: "/",
      redirect: "/repairSchedule",
      meta: {
        keepAlive: false,
        sort: false,
      },
    },
      {
      path: "/login",
      name: "login",
      meta: {
        keepAlive: false,
        transitionName: "opacity-scale",
      },
      component: () =>
        import(/* webpackChunkName: "login" */ "@/views/login/index.vue"),
    },
    {
      path: "/404",
      name: "error-404",
      meta: {
        keepAlive: false,
        sort: "z",
      },
      component: () =>
        import(/* webpackChunkName: "error-404" */ "@/views/error/404View.vue"),
    },
    {
      path: "*",
      redirect: "/404",
      meta: {
        keepAlive: false,
        sort: false,
      },
    },
  ],
  base: "/",
  mode: "history",
});

server {
 listen 1973;
 server_name 192.168.1.12;
 location / {
   	root '/home/jysp/workspace/pms3';
   	index index.html;
	try_files $uri $uri/ /index.html;
 }
 location /testPMS {
    root '/home/jysp/workspace/pms3';
    index testPMS.html;
    try_files $uri $uri/ /testPMS.html;
 }
}

pages: {
    index: {
      entry: "src/main.js",
      template: "public/index.html",
      filename: "index.html",
      title: "PMS index",
    },
    testPMS: {
      entry: "src/testPMS.js",
      template: "public/testPMS.html",
      filename: "testPMS.html",
      title: "PMS test",
    },
},

const router = new VueRouter({
  base: "/jysp/testPMS",
  mode: "history",
  routes: [
    {
      path: "/",
      redirect: "/repairSchedule",
    },
    {
      path: "/repairSchedule",
      name: "xxxx",
      component: IframeView,
    },
 ]
})

const router = new VueRouter({
  routes: [
    {
      path: "/",
      redirect: "/repairSchedule",
      meta: {
        keepAlive: false,
        sort: false,
      },
    },
      {
      path: "/login",
      name: "login",
      meta: {
        keepAlive: false,
        transitionName: "opacity-scale",
      },
      component: () =>
        import(/* webpackChunkName: "login" */ "@/views/login/index.vue"),
    },
    {
      path: "/404",
      name: "error-404",
      meta: {
        keepAlive: false,
        sort: "z",
      },
      component: () =>
        import(/* webpackChunkName: "error-404" */ "@/views/error/404View.vue"),
    },
    {
      path: "*",
      redirect: "/404",
      meta: {
        keepAlive: false,
        sort: false,
      },
    },
  ],
  base: "/jysp/",
  mode: "history",
});

server {
 listen 1973;
 server_name 192.168.1.12;
 location /jysp {
   	root '/home/jysp/workspace/pms3';
   	index index.html;
	try_files $uri $uri/ /jysp/index.html;
 }
 location /testPMS {
    root '/home/jysp/workspace/pms3';
    index testPMS.html;
    try_files $uri $uri/ /jysp/testPMS.html;
 }
}

在 JavaScript 中，计数循环就是一种最简单的迭代： 
for (let i = 1; i <= 10; ++i) { 
    console.log(i); 
}

- 迭代之前需要事先知道如何使用数据结构。
	数组中的每一项都只能先通过引用取得数组对象， 然后再通过[]操作符取得特定索引位置上的项。这种情况并不适用于所有数据结构。

- 遍历顺序并不是数据结构固有的。
	通过递增索引来访问数据是特定于数组类型的方式，并不适 用于其他具有隐式顺序的数据结构。


ES5 新增了 Array.prototype.forEach()方法，向通用迭代需求迈进了一步（但仍然不够理想）：

这个方法解决了 单独记录索引 和 通过数组对象取得值 的问题。不过，没有办法标识迭代何时终止。 因此这个方法只适用于数组，而且回调结构也比较笨拙。


可迭代对象iterable的简单for/of循环也可以写成如下这种复杂的形式：

let iterable = [1,2,3,4];
let iterator = iterable[Symbol.iterator](); // 通过iterable的迭代器方法 获取可迭代对象
for(let rs = iterator.next(); !rs.done; rs = iterator.next()) {
    console.log('迭代数值：', rs)
}

script元素的属性
1、 async :可选。HTML5新增。异步执行脚本。与defer属性类似。只适用于外部脚本。告诉浏览器立即下载。与defer不同的是，标记 async 的脚本不能保证按照他们出现的顺序执行。异步脚本保证会在页面的 load 事件前执行，但可能会在 DOMContentLoaded 之前或之后。

2、defer：可选。推迟执行脚本。延迟至整个页面解析完毕后执行，执行时不改变页面结构，DOMContentLoaded事件前，按顺序执行。

3、charset:可选。使用src属性指定的代码字符集。基本没啥用。

4、crossorigin：可选。配置相关请求的CORS（跨源资源共享）设置。默认不使用CORS。

5、integrity：可选。允许比对接收到的资源和指定的加密签名以验证子资源完整性(SRI)。

6、language：废弃。最初用于表示代码块中的脚本语言（如"JavaScript"、"JavaScript）

7、src：可选。表示包含要执行的代码的外部文件。

8、type:代替language。表示脚本语言的内容类型（MIME类型）。值为 module 时，代码会被当成ES6模块。

<!--more-->