热心青年小邓-优快云博客

原创 js深度判断两个对象是否相等

js深度对比两个对象是否相等，包含值为null和数组的情况

2024-09-10 12:56:02 197

原创 uniapp微信小程序使用uview 验证码输入框无法粘贴内容

上边的代码就是把验证码输入框的第一个框的光标效果隐藏了，然后通过css定位把input的光标位置刚好和第一个框进行重叠，这样既能选中input用他的粘贴，又可以不出现多个光标。// 按照原先组件自带的css，是把验证码输入框中的input设置为两个屏幕的宽度，然后通过定位将他挪出了屏幕，这样因为选不中input框所以无法使用粘贴功能。设置的css把input设置成正常宽度，并改变他的定位，这样出现了新的问题就是光标无法隐藏。最后是将已经有内容的input直接挪出屏幕外就行。经过翻找代码最后做了出来。

2023-06-14 16:46:25 1314

原创 echarts 数据多时 x坐标轴滚动

echarts横坐标轴平移条效果

2022-09-22 14:50:58 3671

原创 markdown编辑器@uiw/react-md-editor深入使用

近期需求在react项目中制作一个markdown编辑器，最终使用了@uiw/react-md-editor，可以去npm官网查看关于该插件具体使用方法再次就不多做介绍。本文主要想讲述一下深入使用该插件。在我进行自定义插件时：const title3: ICommand = { name: 'title3', keyCommand: 'title3', buttonProps: { 'aria-label': 'Insert title3' }, icon: ( &lt

2022-03-11 17:52:45 2036

原创 vue预览pdf 兼容IE11

运用vue项目开发遇到预览PDF的功能并要兼容IE11，最开始运用vue-pdf这个插件，后来发现在IE11浏览器不支持。所以使用了pdfjs-dist，下边上代码。// 安装pdfjs-dist npm install pdfjs-dist@2.0.943 --save //这里安装这个版本是最为合适的其他版本可能会出现一些问题// 安装完成后一定要记得重启项目 // 视图代码 css样式自行去写 <div> <div> <s..

2021-12-20 14:47:23 2653 1

原创 antd-form表单联动触发规则校验

antd-form表单如何联动触发规则校验。

2021-12-10 10:47:15 4321

原创前端运用base64文件转为访问路径

最近在研究vue项目中使用pdf预览，因为要兼容IE11的问题最终使用pdfjs-dist插件来制作，该插件是可以兼容IE但是因为后端返还我的是base64文件，所以需要做一些处理。首先我运用的是拼接出dataURL的形式传递。但是因为IE11在解析base64文件时一些兼容问题，不支持直接传递dataURL的形式`data:application/pdf;base64,返回的base64流`这种格式在IE上有点问题但是后端没有文件服务器所以不能给我直接返回访问路径，我这边经过一些处理将base

2021-06-07 15:01:49 4411 2

原创前端js实现文件下载

export function downLoadFn(data, name) { const str = name.substring(name.lastIndexOf(".") + 1)// 截取获取图片类型 let ContentType = "" switch (str) { //在这里添加要下载文件的ContentType case "jpeg": ContentType = "image/jpeg" break case "jpg"

2021-04-25 14:27:36 535 6

原创本地存储三种方式得区别

存储三种方式：cookie、sessionStorage、localStoragecookie可以设置过期时间路径 domin1.cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。2.存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比

2021-04-19 17:13:14 5319 8

原创 uniapp去除滚动条

近期在做一个uniapp项目，进行的时候发现内容超出后右侧滚动条难以隐藏，查了许多方法没有生效，这时我在网页上看了uniapp元素得css发现了问题。uni-page-wrapper { width:100%; heigth:100%}这个元素得宽高都是百分百。接下来一个uni-page-body{ width:100%;}这个元素就是我们主要布局得容器，但是他只有宽度没有高度，在我们布局中给盒子宽高百分百继承过来得高度为空，这时候就会导致一个问题，页面发生滚动，滚动条去除不

2021-04-15 10:57:47 5914 2

原创 var、let、const区别，箭头函数和普通函数得区别。

var、let、const区别：var 声明变量有变量提升值为undefined 可以定义空变量可以重复定义作用域为全局。let 声明变量没有变量提升为块级作用域存在暂时性死区在在变量定义这一句出现前使用这个变量会报错不可重复定义。const 声明常量声明及赋值没有变量提升存在暂时性死区不能重复定义不能重新赋值为块级作用域。在let和const之间，建议优先使用const，尤其是在全局环境，不应该设置变量，只应设置常量。const优于let有几个原因。一、

2021-04-07 12:04:18 454

原创给html元素设置的禁用效果

日常创作项目中我们经常用到button按钮或者是input，他们都可以使用disabled来控制是否是禁用效果，那么如果是其他的html元素该怎么做出禁用效果呢。cursor: not-allowed属性可以让我们得元素看起来有禁用得效果，但事件还是可以触发的，这个时候需要自行用条件判断事件是否触发。如果没有太多的样式方面需求可以直接使用cursor: not-allowed。如果我们想要类似与按钮禁用得效果，我们可以在元素中加一个定位盒子，然后给这个定位盒子加上cursor: not-allowe

2021-03-31 16:06:40 2491