盼星星盼太阳

摘要： 一、img标签loading属性 loading：指示浏览器应当如何加载该图像。允许的值： eager：立即加载图像，不管它是否在可视视口（visible viewport）之外（默认值）。 lazy：延迟加载图像，直到它和视口接近到一个计算得到的距离（由浏览器定义）。目的是在需要图像之前，避免加载 阅读全文

摘要： 一、问题引入 前端需要预览word文档 二、解决方案 1.mammoth.js（不推荐） 页面代码 <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="han 阅读全文

摘要： 一、问题引入 使用nginx代理的页面，部署好后，打开报403 二、解决办法 排查nginx相关配置与映射，均无问题。网上搜索后，发现问题在于权限的问题，主要是页面文件所在的文件夹的访问权限。由于nginx默认使用的用户权限无法访问页面的文件，导致报的403。大致情况说明如下 nginx的目录里面没 阅读全文

摘要： 一、场景 记一个接口调试问题，前端传参包括文件+json字符串，请求头 'Content-Type': 'multipart/form-data', 请求参数 params = { addVo: JSON.stringify({xxx: xxx}), multipartFile: this.file 阅读全文

摘要： 一、NVM 使用nvm管理node，便于切换不同版本，开发不同项目 1.nvm下载 nvm-windows 最新下载地址： https://github.com/coreybutler/nvm-windows/releases 选择 nvm-setup.zip：这是一个安装包，下载之后点击安装，无需 阅读全文

摘要： 一、问题引入 前端el-table表格直接导出为excel文件，无需后端接口返回文件流 二、解决方案 1.插件安装 yarn add xlsx yarn add file-saver 2.转换表格数据 将 el-table 的 tableData 数据格式化成适合 Excel 的结构 // 1. 转 阅读全文

摘要： 一、问题引入 AI智能问答对接模型返回的结果大部分都是markdown格式，前端界面展示需兼容 二、marked插件 1.插件安装 yarn add marked 2.插件注册 main.js全局注册： import marked from 'marked'; Object.defineProper 阅读全文

摘要： 一、问题引入 AI流行，做一个智能问答的需求 二、解决办法 流式接口响应； 使用插件typeit； 纯代码实现； 三、代码实现 本文着重纯代码实现打字机效果，话不多说，代码如下 1.封装VueTypewriter组件 <!-- * @Description: * @Author: * @versio 阅读全文

摘要： 一、问题引入 图片尺寸不固定，根据本身大小，增加黑色遮罩。 方案：1.加上父元素，内容设置fit-content自适应，然后增加遮罩子元素定位；2.考虑直接css的filter滤镜直接实现 二、filter属性 filter属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的 阅读全文

摘要： 一、问题引入 预览图片时自动全屏 二、解决方案 document原生API获取全屏状态（document.fullscreen 已被弃用，可用document.fullscreenElement 只读属性返回当前页面中以全屏模式呈现的 Element，如果当前页面未使用全屏模式，则返回 null。） 阅读全文