1、引入js文件放在head里导致部分页面渲染不出
原因:在加载该js文件时,dom元素还未渲染
2、js文件中立即执行函数报错
原因:前一个立即执行函数结尾未加分号
3、flex布局下,echarts渲染的多个表格不能很好的自适应布局
原因:渲染的表格放在了同一个flex-item中,解决方法暂时只有更换布局模式
4、js自定义函数中,不能定义名字和形参名相同的量
5、uniapp中,
1)style样式不支持百分比单位,但在加了定位absolute后,可以使用百分比单位
2) rpx不支持动态横竖屏切换计算,使用rpx建议锁定屏幕方向
6、在vue的main.js中导入store时不能大写(Store)
7、要想在遍历数组的时候每次都使用上一项的值,不能用reduce方法,因为该方法中的pre并不都是前一项值,而是经过处理后累计的值;可以使用forEach方法,在该方法中用一个变量存储上一项值
8、vue组件中使用echarts时,不要用document.querySelect()获取dom元素,使用this.$refs来获取;否则会产生图标显示不全、数据覆盖问题
9、在使用v-if来动态决定echarts渲染的图片组件是否显示时不起作用,改用v-show;有用,但是切换的第二张图片不显示,原因估计为v-show为false时echarts所用的dom元素没有占据大小,解决办法:在组件内添加
window.addEventListener("click", () => {
this.chart.resize();
});