摘要：1.编写i18n文件 export default { // 示例en文件 language: 'language', recommendedReply: 'recommendedReply' } import zh from './language/zh' import zh_HK from '. 阅读全文

摘要：🚀 使用 Canvas 给图片添加水印 在 Web 开发中，给图片添加水印可以使用 Canvas API，这样可以确保水印不会被轻易移除，同时不会影响图片的清晰度。 📌 1. 使用 Canvas 给图片添加水印（基础版） ✅ 示例：在图片右下角添加水印 <canvas id="watermark 阅读全文

摘要：1. 阅读全文

摘要：前言：在项目中发现一个奇怪的问题，一个请求在数据量少的时候非常快速，数据量多的时候非常慢，甚至导致浏览器崩溃，在浏览器的网络抓包中看到有返回状态时200，但是响应迟迟没有返回，并且可以看到等待服务器响应时间非常长。 排查：一开始是定位在后端问题，因为查询类型为1的时候反应速度非常快，查询2时会复现该 阅读全文

摘要：1.获取市的级别直接使用阿里云提供的工具直接获取： https://datav.aliyun.com/portal/school/atlas/area_selector#&lat=32.62087018318113&lng=118.43261718749999&zoom=4 和 https://ma 阅读全文

摘要：最近在做项目过程中，遇到一个问题，对一个UI组件，解构出我们需要的组件，进行注册，但是运行的时候报错了，写了一个小例子 //user.jsexport default { obj:{name:1111}, obj2:{name:22222},} // index.jsimport {obj,obj2 阅读全文

摘要：<template> <div v-loading="loading"> <iframe :src="pdfUrl" :style="styles" style="border: none;width:100%" @load="setPdfStyle" // load事件是在ifram完全加载完后的 阅读全文

摘要：// 下载模板 export function downTemplate(data = {}) { return request({ url: `${apiPrefix}/system/user/importTemplate`, method: 'POST', data, responseType: 阅读全文

摘要：<textarea @blur="handleBlur" @focus="handleOnfocus" @keydown.enter.prevent="handleEnter($event)" // keydown才有默认换行，keyup没有，因此stop和prevent要对keydown使用 v- 阅读全文

摘要：1.情况：使用vite打包后，上线时部分图片展示不了。 1.1使用css引用的图片能够正常展示，能够打包进dist文件中assets中，查看浏览器中引用路径为assets中的图片，如此引用的图片不需经过特别处理，不管是放在static或者public的文件夹中都可以，都能够自动打包进dist中的as 阅读全文

摘要：原因：循环时绑定输入框值为key，双向绑定时改变输入框值，key值被修改则失焦。 解决：动态值不要作为key值 阅读全文

摘要：1.情况：做大屏时，swiper切换时背景图片要切换，因背景图片过大，过快切换会出现屏幕闪白情况 2.解决：通过设置切换时，行内样式切换背景图片，使用异步的方法来解决屏幕切换白屏问题 // vue2实现<template> <div class="background" :style="{ back 阅读全文

摘要：1.axios请求携带 responseType: 'blob' export function getCreateReport(id) { return request({ url: `${apiPrefix}/bus/proposal/evaluation/${id}`, method: 'Ge 阅读全文

摘要：1.echarts options设置 tooltip: { trigger: 'item', className: 'custom-tooltip-box', // 命名父级类名 formatter: function (params) { const { name, value } = para 阅读全文

摘要：1.解决方案：使用缩放，前提：需要严格按照设计图提供的像素大小，尽可能少使用百分比以及尽可能少使用rem插件（会导致rem和缩放同时生效反而比例不对）,如发现细节不对，需对该处细节精确去按照比例去调整大小，并配合echarts方法解决 2.解决方法： 2.1给最外层盒子设置缩放样式： .large- 阅读全文

摘要：HTML： <div> <span>单行居中，多行居左单行居中，多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips 阅读全文

摘要：1.情况：通过监控swiper的index修改背景图片，出现闪屏情况 2.解决：尝试过多种方法例如v-clock，提前定义路径变量等都无法解决问题，最终使用提前定义好类名，通过修改类名动态更改类解决，在浏览器网络中可发现只请求过一次，不再是滑动时每次重新请求图片，因此不会出现闪屏现象 阅读全文

摘要：原因： 这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。 解决方法（以IE，chrome,FF为测试浏览器）： { word-break:break-all; /*支持IE，chrome，FF不支持*/ word-wrap:break-word;/ 阅读全文

摘要：1.手机号固话正则校验：合法数据示例： 13812341234 010-12345678 (0432)1234567-1234 ^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$ 阅读全文

摘要：一、简易步骤（仅支持下载一页，无法分页） 1.下载插件模块 npm install html2canvas jspdf --save 2.编写代码 import html2canvas from 'html2canvas' // 引入插件 import {jsPDF} from 'jspdf' // 阅读全文