自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 el-table列表合计及不显示问题,以及树形teble

组件在设置表格高度heoght 同时 开启合计行show-summary ,项目中合计这一列不显示,但是缩放下页面或者稍微修改下F12里dom中的东西就又显示了。方法二:添加updated生命周期 对Table重新布局。方法一:修改el-table样式。问题:Element的。

2024-03-28 15:31:23 1042

原创 页面自定义水印(适用于各前端框架)

局部水印实现:在所需页面引入watermark.js,具体用法如下:其中targetNode(需要添加水印的节点类名)参数是必传。唯一需要注意的是,使用局部水印的页面需要在加载时移除全局水印,在离开该页面时重新创建全局水印。2.在App.vue的生命周期created中调用$watermark的create方法创建全局水印,这样全局水印就能在页面展示了,如果要移除全局水印调用remove方法即可。的实例,在实例化时如果不传targetNode参数,则会将水印节点添加到body下面,即为全局水印。

2024-03-13 19:53:05 931 1

原创 element-ui输入框实现滚动触底翻页

【代码】element-ui输入框实现滚动触底翻页。

2024-03-13 15:40:35 436

原创 vue前端导出

【代码】vue前端导入导出。

2024-02-28 10:49:07 267

原创 el-table行移动下一行上一行

【代码】el-table行移动下一行上一行。

2024-02-28 10:11:27 908

原创 单点登录原理与实现

一、单系统登录机制1、http无状态协议web应用采用browser/server架构,http作为通信协议。http是无状态协议,浏览器的每一次请求,服务器会独立处理,不与之前或之后的请求产生关联,这个过程用下图说明,三次请求/响应对之间没有任何联系但这也同时意味着,任何用户都能通过浏览器访问服务器资源,如果想保护服务器的某些资源,必须限制浏览器请求;要限制浏览器请求,必须鉴别浏览器请求,响应合法请求,忽略非法请求;要鉴别浏览器请求,必须清楚浏览器请求状态。

2024-01-04 10:02:57 2368 1

原创 JavaScript中浮点数精度问题

这是因为 0.1 和 0.2 在使用 IEEE 754 标准表示时都有一个无限循环小数的近似值,它们相加后的结果也有一个无限循环小数的近似值。而这个近似值在转换为十进制数时会出现舍入误差,导致最终结果不是精确的。

2023-12-29 17:04:15 753 1

原创 Vue使用正则动态限制输入框小数位的位数

上为个人经验,希望能给大家一个参考,也希望大家多多支持。

2023-12-21 10:15:25 936

原创 前端开发常用技巧

【代码】开发常用技巧。

2023-11-30 10:42:43 405

原创 如何测试一个值是否等于 NaN ?

在 JavaScript 中,NaN(Not a Number)是一个特殊的值,表示不是数字。由于 NaN 与任何值都不相等(包括它自己),因此不能使用相等运算符(== 或 ===)来测试一个值是否等于 NaN。函数有一个缺陷,即它会将非数字类型的值(如字符串、布尔值、对象等)转换为数字,然后再进行判断。这意味着,如果传入的参数不是数字类型,但可以被转换为数字,则。函数接受一个参数,如果参数是 NaN 或不能转换为数字,则返回。方法接受一个参数,如果参数是 NaN,则返回。不会将非数字类型的值转换为数字。

2023-11-15 09:00:20 794

原创 vue动态限制输入框小数点后的位数

【代码】vue动态限制输入框小数点后的位数。

2023-11-13 14:37:10 914 1

原创 Pinia的简单使用

1.1 Pinia 和 vuex 具有相同的功效,是Vue的存储库,它允许您跨组件页面共享状态1.2 设计使用的是 Composition api, 更符合vue3的设计思维。1.3 Pinia 对 Vue2 和 Vue3 都有效,并且不需要您使用组合API。

2023-10-31 15:52:10 104 1

原创 vue 使用@import引入样式文件scoped无效造成全局样式污染

样式全局污染产生的bug,会影响到其他页面原有的样式,导致每个页面的样式互相冲突,如果写的代码造成了全局样式污染,导致别人的页面每个地方都要去写自定义页面的代码,导致工作量巨大,严重的话,领导会让你当场辞职。4.如果几个页面复用,那么在styles文件夹,里面创建个独立的scss,复用的代码写在这个文件里面。1.写在单组件的style里面css样式,如果标签内不加scoped可能会影响其他组件的样式。2.通过import引入的外部css文件,这种引入方式是全局的,也会影响其他组件的页面样式。

2023-10-12 12:38:37 2537

原创 表格导入导出(下载)

表格中的数据批量提交到服务端进行储存,第一种是将表格数据处理成可以在应用中预览的对象数组格式,然后提交到服务端;第二种是可以不做预览数据格式转换处理,直接提交给服务端做文件上传处理。使用xlxs注意 xlxs不只是能够导入导出表格数据,还能通过其内部的方法设置表格的样式,比如表头高度、字体颜色等等。)将二进制数据发送给服务端 ====> 后端处理二进制数据 ====> 数据库。将应用表格中的数据以excel表格的形式导出下载到用户的本地。前端不处理直接上传,后端处理数据。将处理后的数据发给服务端。

2023-08-23 20:40:02 250

原创 vue3中vant自动按需导入

4.配置vite.config.js。2.在main.ts中引入。3.自动按需加载安装。

2023-07-24 11:13:24 1387

原创 vue移动端适配

1. amfe-flexible 设置 rem 的基准值(即)不支持设置动态 viewportWidth ,就无法同时支持宽度是 750px 的设计搞 + Vant。2. postcss-pxtorem 是一个 PostCSS 插件,将 px 转为 rem。Vant 的设计稿宽度是 375px,但我们的设计稿宽度大多是 750px。不支持 PostCSS 8。字体不转换,保持 px 单位。一.vw 方案(推荐)

2023-07-23 20:01:51 1123

原创 proxy的正向代理和反向代理

反向代理是proxy代理的是服务端,反向代理隐藏了真实的服务端,服务端对客户端来说是服务端是不透明可见的,反向代理服务器会帮我们把请求转发到真实的服务器那里去,我们作为客户方,不知道真正提供服务的人是谁,就像拨打10086一样,背后可能有成千上万台服务器为我们服务,但具体是哪一台,我们不知道,也不需要知道,只需要知道反向代理服务器是谁就好了。代理的对象是客户端,隐藏了真实的客户端。代理的对象是服务端,隐藏了真实的服务端。

2023-06-16 20:45:06 224 1

原创 vue、高德地图使用

3、在需要的地方引入组件并使用。

2023-06-13 17:12:53 245 1

原创 图片验证码图片格式返回

1、首先接口请求定义返回信息格式为blob格式。2、接口请求,处理返回信息。

2023-06-13 17:06:00 210 1

原创 javaScript如何终止forEach循环?

javaScript如何终止forEach循环?

2023-06-02 15:41:58 885

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除