vvv3171071的博客

看了好多相关的文章都没有完全贴合选用Vue3+nuxt+ts框架的，也不太靠谱，只好自己踩坑实现了首先去高德开放平台用自己的账号申请一个key，位置如下，申请好后保存好生成的key我们使用，一个高德地图2.0版本的vue3对应封装由于我们使用了nuxt框架，组件库内部使用的插件会使用部分特殊的对象，比如process、window。因此在使用时需要根据Nuxt要求处理加载顺序和对象的默认值处理。在根目录的utils文件夹下创建文件，根据自己项目的规范在其他目录创建也可以在nuxt配置文件。

自从成为全栈后感觉思考问题和找bug的视野更广了，写代码也觉得越来越有趣，越来越顺畅。相信自己选择的路，即使它不一定对，只要努力让自己不后悔就好。祝大家学有所成，劳有所获，加油~

在项目每次进行版本迭代的晚上，把开发功能完善的UAT代码上传到PRD，然后在生产环境上让测试和项目经理再仔仔细细测过一遍，确定该版本迭代ok了，没问题了才能下班。不同的公司或项目会启用的环境也有所不同，例如某公司某项目，个人在DEV环境开发，然后初版开发完成后前后端上传SIT进行联调，联调觉得没问题后上传UAT给测试或项目经理进行验收，测出BUG后继续重复前三轮操作。

工作中遇到的一个需求完成过程：某页面导入数据超过50条会卡顿，然后产品经理让我限制成只允许导入50条以内的数据，否则报错。改完发版到正式环境后，用户觉得要把文档拆分成好几个太麻烦了，比如要导入300多条数据，就要把原excel文件拆成7个再一份一份导入，用户体验很差。于是这次迭代让我解除只允许导入50条的限制，想办法给导入加个进度条，让用户在等待的冗长时间里能感受到导入正在进行。但是问题来了，导入是调的后端接口，只有在开始执行时进入pending状态，然后一直pending到请求成功或失败后才会返回结

vuex，虽说是一个可能即将要被淘汰的状态管理模式，但既然项目中遇到了，还是提出来记录一下开发思路，毕竟万变不离其宗~首先用户信息是从后端接口获取到的，我们将要调用的获取用户信息接口封装成方法放在api文件夹下的index.js或另开一个user.js文件，例如：然后我们来到vuex的store文件夹里，vuex的配置就不细说了，看官方文档或百度配置成自己习惯的方式即可，demo放出来仅供参考一下——在store文件夹下创建modules文件夹，分模块存放，新建我们的user.js文件用于存放用户权限信息

在工作中遇到的一些项目上有意思、实用性强、复用性广的开发思路