- 博客(57)
- 收藏
- 关注
RSS订阅原创 PC端实现PDF预览（支持后端返回文件流 || 返回文件URL）
安装插件：npm i @vue-office/pdf@^2.0.2。插件名称：vue-office/pdf。
2025-01-23 15:02:49
801
原创 当父级元素设置了flex 布局 ，两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 （css 样式问题）
遇到个样式问题，当父级元素设置了flex 布局 ，两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 （拖拽浏览器 使页面变小）
2025-01-15 17:36:10
454
原创 Echarts基线值过大，不显示问题
1、解决思路：给Echarts的设置y轴的最大值，把所有的数据包含基线的数据取最大值在同过interval平分y轴，这样基线的值就不会超过y轴的最大值了。在做给Echarts添加基线的需求中，发现添加上的基线在图上展示不出来，经过排查原来是基线值过大，超过了Y轴的最大值，导致的基线未显示。
2024-11-25 10:55:08
352
原创 解决Ant Design Vue使用Modal对话框无法关闭的问题《操作Dom不需要降低版本》
Ant Design Vue 使用 Modal.confirm 之类的静态方法 发现无法关闭弹窗，网上搜了好多都是降低版本，并锁定版本，但是目前在做的项目对UI样式要求很高，降低或者升级版本会导致部分样式不符合当前的UI规范，于是通过操作Dom的方式解决。如果一个页面既有 Modal.confirm （静态方法点击的弹窗） 又有 < a-modal >类的弹窗需改给 < a-modal > 加 v-if 例如。
2024-09-18 15:40:53
1172
原创 解决替换富文本中内容，当替换字母类似于p之类，导致富文本中的标签被替换页面混乱问题
做了一个富文本的功能，需求要支持替换富文本中的内容，类似与word的查找替换，当做到替换的时候，发现获取到富文本的内容是带有标签的内容，替换与标签一样的英文的时候会导致标签被替换，导致页面混乱。（例：当替换字母类似于p，富文本中有。标签中的p也会被替换）
2024-08-05 15:27:55
400
原创 echarts X轴文本数据太长溢出问题 解决方案《限制显示几位超出显示...》
X轴数据太长，导致X轴相邻数据重叠。默认展示若干位其余部分显示…
2024-02-20 13:39:29
1321
原创 uniapp打开pdf文件
使用uniapp中的uni.downloadFile和uni.openDocument依旧没有打开pdf文件。IOS系统可以直接使用wen-view标签，Android打开是空白。uni.getSystemInfo获取设备信息判断系统。文件hybrid 整个放到项目目录下。//Android 使用pdf.js。使用pdf.js，成功打开pdf。// iOS 可直接查看。
2023-10-09 17:49:02
718
原创 position: sticky；粘性定位吸顶遇到的问题
使用position: sticky;在控制台和移动端中，吸顶中的文字会出现抖动效果，但是正常浏览器PC端（非控制台）不会出现抖动。
2023-04-23 17:43:43
1232
原创 svg与png区别
PNG等格式图片拉伸后会失真，宽度和高度不可以设置百分比，必须用px。SVG格式图片拉伸不会变形失真，宽度和高度可以设置百分比。
2023-04-23 14:41:47
212
原创 文件上传和下载功能
上传下载功能：用到的 UI 库为 Antdv 组件库页面层代码：<div> <a-upload name="file" accept=".xls,.xlsx" // 接受上传的文件类型 :customRequest="customRequest" // 自定义上传事件，覆盖默认行为 :before-upload
2023-03-15 13:45:46
129
原创 script标签中async与defer的区别
async：他是异步加载，不确定何时会加载好；页面加载时，带有 async 的脚本也同时加载，加载好后会立即执行，如果有一些需要操作 DOM 的脚本加载比较慢时，这样会造成 DOM 还没有加载好，脚本就进行操作，会造成错误。defer：页面加载时，带有 defer 的脚本也同时加载，加载后会等待 页面加载好后，才执行。script 标签有2个属性 async（异步） 和 defer（推迟）；
2023-02-24 10:28:45
373
原创 JavaScript实现模板字符串【js编程题】
JavaScript实现模板字符串【js编程题】题目描述例子：name：{{user.name}} = name:lisi代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
2022-03-06 09:47:59
153
2
原创 用JavaScript实现New操作符【js编程题】
用JavaScript实现New操作符基本思路创建一个新对象为新对象添加属性__proto__，将该属性链接至构造函数的原型对象执行构造函数，this被绑定在新对象上确保返回一个对象代码实现const _new = function (constructor, ...args) { // 1. 创建一个新对象 const obj = {}; // 2. 为新对象添加属性__proto__，将该属性链接至构造函数的原型对
2022-03-03 09:41:30
333
原创 Array.filter精简版源码【js编程题】
Array.filter精简版源码基本思路函数中的 this 指向调用这个 api 的数组创建一个数组 arr 存储原函数的值创建一个空数组，存放 fn 处理完的数据（fn处理数据的逻辑是开发者写的）遍历原数组，把原数组中的每一项都通过fn处理，如果处理后返回的是true则将数据添加到空数组中返回处理后的数据代码实现Array.prototype._filter = function(fn){ if(typeof fn !== "function") return // 创建一个数组
2022-02-27 20:59:33
227
原创 Array.map精简版源码【js编程题】
Array.map精简版源码基本思路函数中的 this 指向调用这个 api 的数组创建一个数组 arr 存储原函数的值创建一个空数组，存放 fn 处理完的数据（fn处理数据的逻辑是开发者写的）遍历原数组，把原数组中的每一项都通过fn处理，并存贮在空数组中返回处理后的数据代码实现Array.prototype._map = function(fn){ if(typeof fn !== "function") return // 创建一个数组 arr 存储原函数的值 let arr
2022-02-27 20:54:49
142
原创 apply精简版源码【js编程题】
apply精简版源码基本思路判断函数中的第一个参数是否存在并且为对象为传递过来的对象添加一个属性为当前函数的this（该属性要做一下防止命名冲突）获取参数列表执行对象中的函数并且传递进去参数得到一个数据删除对象中之前添加的属性返回数据注意事项：apply是ES3提出的所以这里不建议写ES6语法function randomString(){ return Math.random() + new Date().toTimeString();}Function.prototype.
2022-02-27 09:35:33
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人