qq_33256701的博客

nuxt3 默认使用vite，可以使用vite的相关配置移除

用NVDA测试Web Accessibility时，打开朗读查看器，enter键会无效，而不打开测试器，就没有问题，很大原因是被应用的元素不是聚焦的

浏览器自带的window.print 功能较简单，这里使用LODOP露肚皮打印。这样不同的按钮/功能就能每次调用不同的默认打印机了。打印初始化数据需要为每个事件设置不同的任务id。

主要是使用css实现，做成一个圆形轮播，每个卡片4度，共可以循环90个卡片，循环的卡片数量需要能被90整除，否则需要重新划分卡片旋转度数。缺点是没有显示在可见范围内的卡片数量很多，可能需要用虚拟列表方式优化，有知道怎么优化的小伙伴吗。

利用xlsx库解析excel文件，如果excel文件是后台返回的一个链接，需要重新请求解析成ArrayBuffer

2. tailwind.config.js 文件中的content是你需要使用tailwind的文件路径。这样就能在vue2中使用tailwind了。打包后是否生效还未测试（待更新）2. 每次修改完tailwind.config.js，需要重启监听命令。4. 根据你的tailwind.css 文件生成output文件。5. 将output.css 文件引入你的main.js。3. 新建tailwind.css文件。查看官方文档，不要去看过时的文章！1. 安装tailwind的包。

vite项目里，直接在标签内声明name这种方式需要引入插件

在tsconfig.json文件里设置这两个变量为false

找了一圈官网是要自定义svg的path，但是图标是两个path的svg，刚开始使用combine marker，效果有点卡，而且在聚合的时候两个marker没有combine成功，要么使用线上路径。最后，在查看cluster的部分找到示例。

解决办法：以版本github上版本10为例，版本12加载不出来，可能是网络原因。3、同时也换成了powershell 管理员运行模式，这个应该不是主要原因。1、版本号要写完整，不要省略写12.0.0，写清楚如12.15.0。2、版本号要选左边的（LTS）,这点很重要，改了这个就秒下载成功了。想要安装node 12版本的，一直安装失败，翻墙也没有用。

原来的项目配置了prettier，自定义格式化快捷键ctrl+shift+f 后没有生效，但是右键菜单格式化文档就生效后检查发现是，笔记本ctrl+shift+f的f键没有生效，设置快捷键的时候突然生效了，公司的小米笔记本各种坑我ORZ。刚开始右下角的小图标也显示不出，重启一下电脑就好了。...

uni中目前还是使用vue2自上而下的过渡效果：/** * 从底部飞入 */.fly-in-from-bottom { // 进入过渡生效，离开过渡生效 &-enter-active, &-leave-active { transition: transform .3s; } &-enter, &-leave-to { transform: translate3d(0, 100%, 0); }}注意：1、背景不跟着产生过渡效果的原

上份工作也遇到了这个问题，但没仔细研究，新入职的公司测试要求比较高，今天仔细看了下，百度了半天，没百度到合适的，自己动手丰衣足食了，终于在下班时搞出来了，真是也太开心啦~~使用keep-alive 组件缓存，vue3中在APP.vue的写法： <router-view v-slot="{ Component }"> <keep-alive :exclude="aliveComponent"> <component :is="Component"

解决办法：安装npm i --save-dev vue-loader-v16后依然报错就再次卸载掉npm uninstall--save-dev vue-loader-v16然后就好了。。。

Popover 弹出框trigger属性用于设置何时触发 Popover，支持四种触发方式：hover，click，focus和manual。对于触发 Popover 的元素，有两种写法：使用slot="reference"的具名插槽，或使用自定义指令v-popover指向 Popover 的索引ref。要在激活对象上写具名插槽或者索引！！！...

<el-table-column type="selection" :reserve-selection="true"></el-table-column>在selection列设置:reserve-selection="true" 属性；注意不是el-table，是el-table-column这样分页后可以得到跨页的数据，并且可以自动回显操作...

el-checkbox是动态生成的，用$set更新选中状态没反应，发现是最外层嵌套el-checkbox-group的原因。。。暴风哭泣，搞了一晚上，才发现

1、布局为淘宝型居中对齐的div { width: 600px; height: 400px; background-color: pink; /*让块级盒子居中对齐水平 1. 必须有宽度 2. 左右外边距设置为auto*/ margin: 0 auto; }解决办法： html{ margin-left:calc(100vw - 100...

1、h5定位2、

搞了一晚上，按照网上的方法各种查找，域名一直没变，一直以为是自己跨域请求有问题，结果原来是跨域处理完之后，请求成功了，但是域名还是本地上的域名，打印出请求成功的数据，我可能魔怔了，请求成功了，还一直质疑没发送请求。vue.config.js放在根目录下，其中proxy配置如下： proxy: { "/baidu": { ...

图片放在不打包的public文件夹下1、加载固定路径的静态图片：<img class="top-img" src="../../public/static/images/header.png" />2、动态加载静态图片：<img class="img-content" :src="imgUrl" alt="无监测设备照片" />js方式加载：...

1、更新数组：that.$set(that.geoTreeBox[id].layergroup, i, { id:i, idview: "", idtext:layergroup[i].idtext, gdpurl:layergroup[i].gdpurl, ...

<el-row class="tree-row" v-for="item in geoTreeBox" :key="item.id"> <el-col :span="2"> <img class="drawer-tree-img" src="/static/images/layer.png" a...