微信小程序学习记录【坑】

Echarts图表使用

小程序与V5端使用的标签不同。
小程序不支持div
（关键在于小程序无法获取到DOM）
原生Echarts无法在小程序端使用，需要去DCloud插件市场下载echarts。

在原生echarts基础上使用其提供的标签后，小程序就可以获取到canvas下的DOM了！！

canvas显示优先级大于下拉菜单等问题

在页面处修改z-index没啥用，如果要改可能得去到最底层修改canvas的z-index等级。（也许）
其他方式：
看了网上很多修改position。不如添加

<view v-if = "!Dataloaded"> 加载中.....</view>
	<view style="z-index: 0;"> 
	<sankey v-if="Dataloaded" class="sankey":data ="array"></sankey>
</view>

添加一个Dataloaded默认为false,当获取数据成果，生成表格时，将
Dataloaded改为true。
同理在想要修改优先级的时候。当点击菜单栏时，菜单栏显示出来的同时，将Dataloaded改为false，可在此时添加上部分文字如加载中…
然后等选择完成后再次显示即可。

小程序上传主包超过2M的问题

上传发现过大，主要是vendor.js过大导致，其中主要的原因是引入多种组件后都算在主包中。例如：使用的组件放在根目录下。

把components放到subpages下，subpages是分包区域，将自定义的组件放进来后再引用就会减少主包中vendor,js的大小。

如何解决新域名存在端口且不是https协议，导致无法添加到域名白名单上，该域名协议头非法。
那就直接在原来的后端，写一个接口，用这个接口去调有问题的新域名数据！

将Echarts打包至分包后需要在原来使用的地方添加引用：

分包前：
import * as echarts from '@/uni_modules/lime-echart/static/echarts.min'
分包后：
import * as echarts from '@/subpages/.../lime-echart/static/echarts.min'
import LEchart from "@/subpages/.../lime-echart/components/l-echart/l-echart";
	export default {
		components: {
		    LEchart,
		  },

Maven 打包出现Could not resolve dependencies for project问题

（记录，网上已有解决方案）由于多个项目直接存在父子关系，子文件打包需要在Terminal中进入父文件路径内（即pom.xml所在位置），输入mvn install 把所有的夫文件依次进行一次即可打包。

真机调试出现600001

(in promise) MiniProgramError {“errno”:600001,“errMsg”:“request:fail net::ERR_CONNECTION_REFUSED”}
请检查域名的SSL证书是否过期。
网址：https://myssl.com/ 在此网址内查看

进度条显示完成+未完成

	<!-- 已完成部分 -->
    <div class="progress-bar" :style="{ width: percent + '%',backgroundColor:activeColor }"></div>
	<!-- 未完成部分 -->
	<div class="unfinished" :style="{ width: unfinishedPercent + '%', backgroundColor: unfinishedColor }"></div>

父容器通过

display: flex;

实现效果：

仅提供参考。
遇到坑会持续更新…