Pavetr的博客

摘要： 1、需求：需要在css变量中使用sass变量，发现行不通，如下 $bg:red; .theme{ --bg:$bg; } 2、原因：Sass 的语法改变了，较新版本的Sass要求在插值中写入自定义属性值，比如#{} $bg:red; .theme{ --bg:#{$bg}; } 这样就可以 阅读全文

摘要： 1、需求：有一个需求，需要调用接口来下载文件，然后后端传的是二进制文件流 2、思路：弄了很久，发现返回的数据始终是乱码，跟预期的不符，设置了responseType: 'blob'也设置了，但是还是返回的乱码，看请求头也有charset=utf-8，偏偏打开网页又是可以直接下载的，应该不是后端问题， 阅读全文

摘要： 1、在Linux中vi和vim是一个命令行文本编辑，其中vim是基于vi的优化版，那么如何操作呢 打开文件： vi test.txtvim test.txt 编辑： 按i然后上下左右移动光标编辑 只保存： 按ESC，之后按：，然后输入w，回车 强制保存： 按ESC，之后按：，然后输入w!，回车 保存 阅读全文

摘要： 1、问题：ts的vue3中require动态引入图片会报错 2、原因：因为typescript不支持require，所以会报错，在typescript中引入需要import，还要注意这引入是异步的，需要async、await转同步 /* 加载图片 */ let img = new Image() l 阅读全文

摘要： 1、需求：console.log一般都是在开发环境下使用的，在生产环境下需要去除 2、思路：vite构建时默认使用Esbuild，打包速度是其他打包工具的十几倍，但是缺点也很明显，不具备操作AST的能力，vite也补充了terser来解决这个问题，通过terser的api可以轻松去除console. 阅读全文

摘要： 需求：开发过程中往往不是一个人开发，都是团队开发，每个人的风格都不一样，写的代码就很难维护，这就需要工程化ESLint+Prettier 来统一风格，方便维护 安装ESLint npm i eslint -D eslint安装成功后初始化 npx eslint --init 按照提示进行配置 然后在 阅读全文

摘要： 1、介绍：这是一个git钩子，作用有可以在提交的时候去触发想调用的命令，比如代码风格格式化或者其他的命令 2、用法：https://typicode.github.io/husky/#/?id=automatic-recommended 安装 npm install husky --save-dev 阅读全文

摘要： 1、问题：从vue2的obj写法转向vue3的setup写法，要如何在某个组件中监听路由变化呢 2、解决： <script setup lang='ts'>import {useRouter} from 'vue-router'import {watch} from 'vue' //监听路由变化，判 阅读全文

摘要： 1、问题：小程序中有一个需要调用照相机的授权，然后客户反映第一次申请授权拒绝后，不会再弹出授权窗口导致没法使用服务 2、思路：调用这个服务时先调用wx.getSetting查询用户设置，如果当前需要的服务没有被授权就调用wx.openSetting，让用户去授权，注意：wx.openSetting的 阅读全文

摘要： 1、问题：写vue的SFC时，新建的页面往往要去ctrl+c，ctrl+v去复制，复制来的往往又要修改，手打又慢没效率 2、思路：通过vsCode的代码片段来自定义自己需要的代码，方便快捷 3、实操： 3-1、点击左上角的文件=>首选项=>配置用户代码片段 3-2、会弹出一个选项，选择新建全局代码片 阅读全文