程序媛_panpan-CSDN博客

原创 EventSource的使用

EventSource 是一个用于服务器推送事件（Server-Sent Events, SSE）的接口，它允许服务器推送实时更新到浏览器。与 WebSocket 不同，SSE 是单向的（服务器到客户端），适用于更新频率不高的实时通知、消息推送等场景。下面是关于 EventSource 的详细介绍，包括使用示例和注意事项。（使用场景：前端页面需要一次性渲染大数据量时，不能一次性返回，需要服务器不断向前端推送）：服务器向客户端推送实时更新，而不需要客户端发起请求。

2025-02-14 15:12:10 487

原创 vue3新特性之useAttrs

在使用 useAttrs 和 defineProps 接收属性时，使用 defineProps 接收的属性会优先级更高，因为它可以对每个属性进行类型验证和默认值设置，同时这些属性会被添加到组件实例的 $props 属性中。而使用 useAttrs 接收的属性只是简单地返回所有传递的属性，不能对其进行类型验证和默认值设置，同时这些属性不会被添加到组件实例的 $props 属性中。2、defineProps 方法只能接收到在组件中声明的属性，但能够对接收到的属性进行类型校验和默认值设置，使得组件能够更加健壮。

2024-06-07 10:55:32 883 1

原创 vue 金额千分符格式化和反格式化

【代码】vue 金额千分符格式化和反格式化。

2024-01-03 15:42:54 1060

原创 element ui日期时间范围设置默认值

需求：默认时间范围设置为当前日期往前推一个月。

2023-12-21 14:28:15 537

原创 js计算保留两位小数遇到的坑

*

2023-12-14 15:30:50 310

原创 js树级结构数据拉平

【代码】js树级结构数据拉平。

2023-08-14 15:36:05 391

原创 element plus table配合无限滚动加载

【代码】element plus table配合无限滚动加载。

2023-07-20 16:09:48 1668 1

原创 element table拖拽列宽保存宽度

使用element table api里面自带函数header-dragend可解决该问题。

2023-07-05 10:58:57 681

原创 vue点击按钮验证码倒计时

【代码】vue点击按钮验证码倒计时。

2023-07-03 13:53:38 327

原创 js 使用外部pdf文件url跨域下载

【代码】js 使用外部pdf文件url跨域下载。

2023-07-03 13:50:12 901

原创 js通过图片url下载图片

项目中遇到前端获取到图片外部url，使用该url完成图片下载功能，涉及到跨域下载。

2023-07-03 13:48:00 3318 2

原创 vue.config.js使用代理配置真实请求url

前端请求接口过程中为解决跨域问题，会配置代理请求url，配置之后浏览器只能看到local host路径。为方便查看请求的真实ip，需要在vue.config.js中做如下配置，便能在浏览器实时查看到真实地址。

2022-11-22 10:19:38 4744

原创 vue3全局变量使用

全局变量调用(以消息组件为例)

2022-11-22 10:09:00 649

原创腾讯地图展示标记点位及自定义弹框，数据填充，右侧悬浮tab

腾讯地图展示标记点位及自定义弹框，数据填充，右侧悬浮tab

2022-09-29 10:08:40 1664

原创 vant ui 上拉加载分页及tab切换遇到的坑

vant ui 上拉加载分页及tab切换遇到的坑

2022-09-29 09:47:51 1140

原创字符串中各类字符标签过滤

1、替换字符串中的所有特殊字符（包含空格）2、过滤字符串中的img标签元素。3、过滤转义符、p标签。4、过滤掉html标签。

2022-09-07 10:46:14 1030

原创移动端vant时间选择器选择年份组件封装

因为vantUI 提供的时间选择器没有提供选择年份的组件，这里对选择年份组件进行封装，要点：Field 输入框+ActionSheet 动作面板+DatetimePicker 时间选择组合使用。

2022-08-24 15:37:55 1740

原创递归算法将字符串转化为tree结构，实现多级下拉

【代码】递归算法将字符串转化为tree结构。

2022-08-23 14:28:59 319

原创题型编辑实时预览功能

题型实时编辑可视化

2022-08-01 10:50:18 199

原创前端登录参数加密传输

1、安装crypto-jsnpm install crypto-js2、单独文件封装加解密方法import CryptoJS from 'crypto-js'// 默认的 KEY 与 iv 如果没有给const KEY = CryptoJS.enc.Utf8.parse("_aes_secret_key_");const IV = CryptoJS.enc.Utf8.parse('_aes_secret_iv__');/** * AES加密：字符串 key iv 返回base64

2021-10-28 14:20:56 542

原创 js判断一个对象是不是数组类型

1、Array.prototype.isPrototypeof(obj) //true or false2、Array.isArray(obj) //true or fasle3、obj instanceof Array //true or fasle

2021-10-09 13:34:39 123

原创前端实现单点登录的几种方式

1、共享cookie将cookie域名设置为父级域名；在进入另一个系统时，利用vue的路由管理判断用户信息是否一致，一致则进入系统，不一致跳转至登录页。2、认证中心单独建立认证中心，负责处理登录请求的独立服务，由认证中心检测token并返回给客户端，客户端作相应判断是否可以进入系统。3、localstorage跨域第一次获取token；var token = result.data.token;建立不可见的iframe；var iframe = document.createElemen

2021-10-09 11:44:13 4607

原创 js高阶函数及函数柯里化

高阶函数简单来说，一个函数可以接收另外一个函数作为参数，那么这个函数就可以称之为高阶函数。下面是一个简单的高阶函数：function add（x, y, f）{ return f(x)+f(y)}add(-1,2,Math.abs) //3//add函数接收了Math.abs函数为参数常见的几个高阶函数：1、map()：function pow(x){ return x*x}var arr = [1,2,3,4,5]arr.map(pow)//[1,4,9,16,2

2021-08-20 16:04:06 234

原创 git 代码回退至某一版本

//打印版本日志idgit log//本地回退至某一版本git reset --hard 【版本id】//强制推送至远程仓库git push -f origin 【分支名】

2021-08-18 14:20:15 138

原创 js 年月日时分秒计算方法封装

项目中会碰到一些对年月日时分秒加减1天，加减1小时之类的业务需求。下面是对该方法的封装// type:年、月或者日// data:日期// num:加减量export function formatDate(type,date,num) { var nowDate = null; var strDate = ""; num = parseInt(num); // 防止传入字符串报错 var seperator1 = "-"; var seperator2 = ":"; if(da

2021-07-30 16:26:09 403

原创 javascript 1～n递归求和

javascript 1～n递归求和sumFun(start,end){ start += end; end += 1; if(end > n){ return end }else{ sumFun(start,end) } }this.sumFun()

2021-06-30 14:51:43 825

原创 vue2.0和vue3.0的安装区别

在此之前要全局安装node。##vue2.01、全局安装vue-clinpm install -g vue-cli2、初始化一个基于webpack的新项目 vue init webpack my-project3、接下来是一些默认的配置，根据提示回车即可4、运行项目 cd my- project //切到项目根目录 npm install //安装依赖 npm run dev //启动项目##vue3.01、全局安装vue-cli

2021-06-30 14:27:10 732

原创 element table 循环渲染动态过滤字段值

element table 循环渲染字段映射html <el-table :data="guestDataList" border stripe size="small" :header-cell-style="{background:'#EBF4FF',

2021-01-18 18:58:34 544

原创正则根据URL截取URL附带参数

正则根据URL截取URL附带参数let urls = window.location.href// ssoUserId为URL参数名称let codeRegExp = ('ssoUserId=(\\S*)') //userId自定义参数值let userId = ''userId = urls.match(codeRegExp)[1]eg:https://editor.csdn.net/md?not_checkout=1打印出的参数值为 1...

2020-11-13 14:15:17 356

盼盼大小姐的博客