- 博客(51)
- 收藏
- 关注
RSS订阅原创 解决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
609
原创 解决替换富文本中内容，当替换字母类似于p之类，导致富文本中的标签被替换页面混乱问题
做了一个富文本的功能，需求要支持替换富文本中的内容，类似与word的查找替换，当做到替换的时候，发现获取到富文本的内容是带有标签的内容，替换与标签一样的英文的时候会导致标签被替换，导致页面混乱。（例：当替换字母类似于p，富文本中有。标签中的p也会被替换）
2024-08-05 15:27:55
317
原创 echarts X轴文本数据太长溢出问题 解决方案《限制显示几位超出显示...》
X轴数据太长，导致X轴相邻数据重叠。默认展示若干位其余部分显示…
2024-02-20 13:39:29
993
原创 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
573
原创 position: sticky；粘性定位吸顶遇到的问题
使用position: sticky;在控制台和移动端中，吸顶中的文字会出现抖动效果，但是正常浏览器PC端（非控制台）不会出现抖动。
2023-04-23 17:43:43
1047
原创 svg与png区别
PNG等格式图片拉伸后会失真，宽度和高度不可以设置百分比，必须用px。SVG格式图片拉伸不会变形失真，宽度和高度可以设置百分比。
2023-04-23 14:41:47
170
原创 文件上传和下载功能
上传下载功能：用到的 UI 库为 Antdv 组件库页面层代码：<div> <a-upload name="file" accept=".xls,.xlsx" // 接受上传的文件类型 :customRequest="customRequest" // 自定义上传事件，覆盖默认行为 :before-upload
2023-03-15 13:45:46
86
原创 script标签中async与defer的区别
async：他是异步加载，不确定何时会加载好；页面加载时，带有 async 的脚本也同时加载，加载好后会立即执行，如果有一些需要操作 DOM 的脚本加载比较慢时，这样会造成 DOM 还没有加载好，脚本就进行操作，会造成错误。defer：页面加载时，带有 defer 的脚本也同时加载，加载后会等待 页面加载好后，才执行。script 标签有2个属性 async（异步） 和 defer（推迟）；
2023-02-24 10:28:45
359
原创 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
147
1
原创 用JavaScript实现New操作符【js编程题】
用JavaScript实现New操作符基本思路创建一个新对象为新对象添加属性__proto__，将该属性链接至构造函数的原型对象执行构造函数，this被绑定在新对象上确保返回一个对象代码实现const _new = function (constructor, ...args) { // 1. 创建一个新对象 const obj = {}; // 2. 为新对象添加属性__proto__，将该属性链接至构造函数的原型对
2022-03-03 09:41:30
324
原创 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
215
原创 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
127
原创 apply精简版源码【js编程题】
apply精简版源码基本思路判断函数中的第一个参数是否存在并且为对象为传递过来的对象添加一个属性为当前函数的this（该属性要做一下防止命名冲突）获取参数列表执行对象中的函数并且传递进去参数得到一个数据删除对象中之前添加的属性返回数据注意事项：apply是ES3提出的所以这里不建议写ES6语法function randomString(){ return Math.random() + new Date().toTimeString();}Function.prototype.
2022-02-27 09:35:33
122
原创 call精简版源码【js编程题】
call精简版源码基本思路判断函数中的第一个参数是否存在并且为对象为传递过来的对象添加一个属性为当前函数的this（该属性要做一下防止命名冲突）获取参数列表执行对象中的函数并且传递进去参数得到一个数据删除对象中之前添加的属性返回数据注意事项：call是ES3提出的所以这里不建议写ES6语法function randomString(){ return Math.random() + new Date().toTimeString();}Function.prototype._c
2022-02-27 09:31:28
172
原创 快速排序【js编程题】
题目描述请补全JavaScript代码，要求将数组参数中的数字从小到大进行排序并返回该数组。注意：数组元素仅包含数字请优先使用快速排序方法实现实现思路：根据题目要求，通过快速排序实现数组参数中数字从小到大排序。快速排序的基本思想是通过分治来使一部分均比另一部分小（大）再使两部分重复该步骤而实现有序的排列。核心步骤有：（1）选择一个基准值（pivot）（2）以基准值将数组分割为两部分（3）递归分割之后的数组直到数组为空或只有一个元素为止代码实现 const _quickS
2022-01-24 12:44:24
770
原创 将字符串转换为驼峰格式【面试题】
题目描述css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能以 - 为分隔符，将第二个起的非空单词首字母转为大写-webkit-border-image 转换后的结果为 webkitBorderImage代码实现function cssStyle2DomStyle(sName) { var arr = sName.split('');
2022-01-23 17:06:45
118
原创 http和https的区别
http和https的区别一、HTTP和HTTPS的基本概念二、16、http和https协议的区别一、HTTP和HTTPS的基本概念HTTP:是互联网上应用最为广泛的一-种网络协议，是一个客户端和服务器端请求和应答的标准(TCP) ，用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS:是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。HtTPS协议的主.
2022-01-11 18:41:30
1237
转载 JavaScript 原始数据类型 Symbol 有什么用？
数据类型 Symbol前言一、简介1.它可以作为对象属性名。只有字符串和 symbol 类型才能用作对象属性名。2.没有两个symbol 的值是相等的。二、描述信息二、命名冲突三、私有属性总结前言以前提到 JavaScript 原始数据类型时，我们知道有Number，String，Null，Boolean，Undefined这几种。ES6 引入了新的基本数据类型Symbol和BigInt。今天我们就来了解下Symbol类型。Symbol类型是为了解决属性名冲突的问题，顺带还具备模拟私有属性的功能。.
2022-01-09 19:39:31
359
原创 浏览器的三次握手具体是什么，四次挥手是什么，为什么挥手比握手多一次？
三次握手tcp/ip协议是传输层的一个面向连接的安全可靠的协议，三次握手的机制是为了能够简历一个安全可靠的连接，第一次握手是由客户端发起，客户端会向服务端发送一个报文，在报文里面SYN位标志位置1，当服务端收到这个报文后，就知道了客户端要跟我发起一个新的连接，于是服务端就像客户端发起一个确认消息包，在这个消息包里面ACK位标志位置1，以上两次握手之后，对于客户端而言，已经确保了自己的发送和接收能力，就是我既能给服务端发消息，又能接收到服务端的消息，但是对于服务端而言，两次握手是不够的，因为此时服务端只知道
2022-01-06 19:01:17
1554
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人