Vant weapp小程序Dialog组件确认按钮不正确的问题 在使用Vant的小程序UI组件时，发现官方自带的Dialog组件确认按钮与取消按钮样式不正确。按钮整体靠右移动，导致视觉上面看起来按钮位置不居中。

对不起，影驰。我错了！（记录一次影驰售后的艰难历程） 我想，这大概率是我找正规厂商客服最坎坷的一次经历了吧。（emmmm除了58，永远打不通的投诉电话以及防诈骗客服）有幸买了一块名人堂的GTX1060显卡。当时被显卡的颜值以及宣传的性能谜上了（关键是价格还不是很贵）。显卡买回来后，使用体验很棒，玩游戏很爽（除了打CSGO偶尔有掉帧的情况，但是我不清楚是因为我装了公版驱动的问题还是显卡本身的问题）。但是，好景不长。没过多久我发现我机箱里面突然有风扇转速提得很高，那声音，跟拖拉机的声音可以媲美。刚开始一直没在意，不过最近被这个声音吵得实在受不了，想找找是什么东西引起的，故事就这样发生了。当我拆开了机箱，电脑仅运行了一个浏览器。我听见了那个熟悉的拖拉机声音。对，就是它！显卡！我实在不明白，为什么在显卡负荷如此低的情况下，风扇会疯狂的转，难道它有自己的想法？？？定位了是什么发生的问题，那就解决问题吧，开始联系售后！打开了影驰的官网，看着名人堂的宣传页面，一切都是这么的高端大气上档次看着宣传上的售后服务政策，1V1服务，30分钟内检测问题，定位故障，1个工作日提出完整的解决方案。哇，我在这里体会到了对客户的关爱。我的问题也不是什么大问题，先录个视频，说明一下原因，发个邮件给售后吧。上午发送的邮件，我等到了下午还没有回复，我又仔细看了一下页面，在页脚写着服务时间是周一到周五上午九点到下午六点。好吧，那客服GG们上班看到邮件应该会回复我吧。好不容易熬到了周一，上班时间。客服GG是忘记了么？我打个电话去问一下吧。我拨通了客服电话400-700-3933。听着熟悉的电脑语音，按下了名人堂的专属热线。这时话筒中传来了客服全忙的提示，是否继续等待？呵呵，这点小伎俩，中国电信也常用，不管，按1继续等待。。滴滴滴滴滴~滴滴滴滴滴~客服全忙，请挂机。。。电话断掉了。这时候电话我等了差不多5分钟。在这一天之内，我拨了无数个客服电话，都是一样的结果。？？？说好的1V1客服呢？说好的30分钟内检测问题呢？我客服都找不到，什么情况？当天，发送的邮件依旧是没有任何回复。第二天，不死心的我，又开始了重复第一天的拨打客服电话过程，但是花儿依旧是红的那么鲜艳。我是在天猫旗舰店买的，不过是经销商的旗舰店。我找到了经销商，经销商的回复倒是很快。亲，名人堂显卡支持个人送修哦，我把售后联系方式给您，您自己联系一下呢。说着把官网链接丢了过来。很无奈的我，又开始在官网上研究如何才能找到在线客服。看到了有机友会，可以加Q群。嗯，Q群里肯定有客服，先扫码添加了公众号，然后又在公众号的底部菜单点击了几次后，终于找到了QQ群号。加群进去，大家都很活跃，群里面个个都是人才，说话也很好听。群里有人说，这是一键超频按钮的问题，让我去找一个群里的管理员。我私聊了管理员……一天过去了，没有任何回复。第二天早上，不死心的我，又私聊了管理员，还是没有回复。这时候我在群里发起了牢骚。昨天让我找管理员的群友，说帮我找一下。也不知道他们是有心灵感应还是什么，在群友去找了20分钟后，管理员来了。其实问题这个时候我也差不多定位了，应该是影驰的一键超频按钮老化所致。我不清楚我一次都没有用过的按钮，怎么就突然老化了（是我刚买来显卡时候，好奇按了两下？）。看了一下网上的教程，更换按钮也很简单。一个按钮也就几块钱，大不了自己买一个。但是这次的售后体验，让我以后再也不敢买影驰的任何东西了。售后没有保障，东西再好我也不敢买，毕竟电子产品谁也无法保证不出问题。一个产品质量的好坏影响的是它的销路，然而售后的好坏，影响的是回购率的问题了。

wxPlus微信分享图片失败的问题 这个问题其实困扰了我2天，但是等我仔细看完文档以后，解决只用了1分钟的时间。问题是这样的，在项目里使用了apicloud里面的wxPlus做为微信分享的模块。添加模块后，在iphone6以及iphone6s上所有界面都可以正常分享使用html2canvas生成出来的图片。但是经测试，iphone8plus分享就有问题。分享代码如下

html2canvas报'className' of object '#错的问题 因为项目需要用到生成海报的功能，所以立马想到了html2canvas的插件。但是很久没用了，有点忘记。第一时间选择了npm i html2canvas看着熟悉的安装界面，一切都向美好的方向发展。但是当我按照文档import html2canvas from 'html2canvas' html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) }); 项目使用了过后，发现报错了！Uncaught (in promise) TypeError: Cannot assign to read only property 'className' of object '#<SVGGElement>' 错误原因好像是说这个对象是只读属性，无法克隆。一直也没发现问题在哪！百度了很多次都没搜到相关问题。后来我上了官方的github找到了相关issueshttps://github.com/niklasvh/html2canvas/issues/1868浏览了一下，发现问题出现在rc版本之后以前的1.0.0-alpha.12版本可以用。果断放弃新版本npm i html2canvas@1.0.0-alpha.12安装以后，使用正常了

vue配置命令打包不同的生产环境与测试环境 我们在打包VUE项目的时候通常会使用npm run build命令。但是我们经常要打包测试环境与生产环境，然而在打不同环境的包时候，某些配置项是不同的。我们每次通过手动来修改的话会非常繁琐。如果需要手动修改的地方过多的话，难免会有遗漏。目前我参与开发的项目就有3种不同的环境需要处理本地开发环境npm run dev服务器测试环境npm run build:stage生产环境npm run build:prod可以看到，除了本地开发环境用的是dev本地预览，其他两个打包命令都加上了后缀。我们就是通过后缀的命令来区分不同的打包环境。这里我使用vue-cli3的脚手架环境进行演示。首先vue里面配置node.js全局变量的文件是单独的一个.env文件。这里我们创建三种不同环境的.env文件。.env.development // 开发环境 .env.production // 生产环境 .env.testproduction // 测试环境文件创建好了放到vue项目的根目录即可（一定要注意文件名前面是有“.”的）。创建好了文件，我们在文件里面写上配置。这里以Axios的不同环境调用的接口做演示，其他部分举一反三# 标记 NODE_ENV = 'production' # base api VUE_APP_BASE_API = 'https://foo.foo.com' 这里解释一下。NODE_ENV这个是用来标记当前的环境是什么，等会儿会在vue里面用到下面的VUE_APP_BASE_API定义了一个接口的常量，等会儿也会用到。根据不同的环境写好配置文件以后，我们找到项目的package.json配置在scripts里可以看到build配置。我们把配置改为我们写好的三个"dev": "vue-cli-service serve --mode development", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode testproduction", 这里主要是注意后面增加了--mode xxxxx这些参数这个参数的作用是node根据我们刚刚创建的.env文件去编译里面的变量，让我们系统可以用。xxxxx是.env.后面的名称准备好这些以后，我们在VUE里面就可以使用process.env.NODE_ENV来判断当前的环境了。我在封装的axios里面，增加了一个switch判断，根据process.env.NODE_ENV判断当前的环境然后把api定义为VUE_APP_BASE_API即可。这样我们可以通过命令去打包不同的环境，而且每次打包也不用重新去更改接口了。其他配置基本是一致的，都是通过判断不同的环境获取到不同的配置而已