概述

该项目基于uniapp默认模板搭建，技术栈vue2 git地址http://10.0.16.127:3000/ali-applet/uniapp-mPaaS.git

项目主要结构

uniapp-mPaaS
├─ .gitignore
├─ App.vue
├─ components
│  └─ demo
│     └─ demo.vue
├─ config
│  ├─ baseApi.json
│  ├─ imgUrl.json
│  └─ index.js
├─ env.js
├─ index.html
├─ jest.config.js
├─ main.js
├─ manifest.json
├─ package.json
├─ pages
│  ├─ demo
│  │  └─ demo.vue
│  └─ index
│     └─ index.vue
├─ pages.json
├─ README.md
├─ README_files
│  ├─ 1.jpg
│  └─ 2.jpg
├─ services
│  ├─ index.js
│  ├─ request.js
│  └─ yzhRequest.js
├─ static
│  ├─ css
│  │  ├─ color.scss
│  │  ├─ common.scss
│  │  └─ flex.scss
│  ├─ image
│  └─ logo.png
├─ store
│  ├─ index.js
│  └─ modules
│     ├─ common.js
│     ├─ index.js
│     └─ userInfo.js
├─ uni.scss
├─ uni_modules
│  ├─ qiun-data-charts
│  └─ uview-ui

├─ utils
└─ 代码规范.md

uni_package插件介绍

1. uCharts
2. uview-ui
3. uni-ui 这个组件库是uniapp拓展组件 建议按需引入

注：uni_package中的插件不用引用可以直接用，利用easycom自动引入规则实现 详情见https://uniapp.dcloud.net.cn/collocation/pages.html#easycom

uniapp 注意事项

1. 特殊编译语法

详见文档

2. 常用插件

3. 关于跨端注意事项

4. 页面和组件是不能混用的 页面就是页面 组件就是组件 页面生命周期是按照小程序来 组件生命周期是组件 强行引入页面也不会执行js只会渲染页面

5. 关于import数组解构引入的一点问题

// 错误 无法执行
import { baseApi, env } from '@/config';
import { request, ajax } from './request.js';

// 正确
import config from '@/config';
import requests from './request.js';

const { baseApi, env } = config;
const { request, ajax } = requests;

6. components中的组件在vue文件中并不需要引入 uniapp利用easycom自动引入
7. 开发引入小程序自定义组件

性能优化

图片

1. 图标类图片采用svg矢量图，并采用雪碧图的方式使用
2. 大一点的图片采用图片服务器，并使用懒加载的方式引入，最好可以开发骨架屏