- 博客(28)
- 收藏
- 关注
RSS订阅
1原创 nodejs和axios实现后端生成的excel文件并返回给前端，前端将文件下载本地
2. 在后端路由中使用axios将生成的Excel文件转换为Buffer流返回给前端；1. 后端使用Node.js创建路由，处理前端请求，并且在后端生成Excel文件；3. 在前端使用axios下载Buffer流数据，将流数据转换为Blob对象；4. 使用Blob对象创建URL地址，并且使用a标签下载文件；
2024-02-21 18:26:49
360
原创 element 输入框限制纯数字且保留小数点后面两位
/清除"数字"和"."以外的字符。//只保留第一个.清除多余的。2 money(value) { // 价格的限制规则，只能输入小数点后两位。
2023-06-14 14:58:50
1509
原创 浅谈vue生命周期钩子函数
一、vue的生命周期是什么vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。在组件中具体的方法有:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed上图:...
2022-02-22 10:15:15
462
原创 分享方法之基本正则校验
export const checkType = (str, type) => { switch (type) { case 'email': return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str); case 'phone': return /^1[3|4|5|7|8][0-9]{9}$/.test(str); case 'tel': return /^(0\d{2,3}-\d.
2022-02-15 13:12:10
133
原创 vscode 配置vue代码片段
左下角设置-用户代码片段-新建vue.json{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>.
2022-02-14 15:35:26
771
原创 前端性能优化
（一）内容层面1、DNS解析优化（DNS缓存、减少DNS查找、keep-alive、适当的主机域名） 2、避免重定向（/还是需要的） 3、切分到多个域名 4、杜绝404（二）网络传输阶段1、减少传输过程中实体的大小 1）缓存 2）cookie优化 3）文件压缩（Accept-Encoding：g-zip）2、减少请求的次数 1）文件适当的合并 2）雪碧图3、异步加载（并发,requirejs）4、预加载、...
2022-02-14 11:37:37
91
原创 HTTP状态码详解
作为一个互联网开发人员对于一些服务器返回的HTTP状态的意思都必须是了如指掌的，只有将这些状态码一一弄清楚，工作中遇到的各种问题才能够处理的得心应手。好了，下面就让我们来了解一下比较常见的HTTP状态码吧！2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务器已接受请求，但尚未处理。203 （非授权信息）...
2022-02-14 11:36:12
133
原创 简述px 和 em 的区别
px 和 em 都是长度单位.区别是,px 的值是固定的,指定是多少就是多少,计算比较容易.em 得值不是固定的,并且 em 会继承 父级元素的字体大小(先计算结果后继承,和数值+%一样). 浏览器的默认字体高都是 16px.所以未经调整的浏览器都符合: 1em=16px.那么 12px=0.75em, 10px=0.625em...
2022-02-14 09:44:58
1210
原创 js 请求一般情况下有哪些地方会有缓存处理
1 DNS 缓存(成功访问后网站的域名、IP 地址信息缓存到本地 2 CDN 缓存(内容分发网络,选择一个离用户最近的 CDN 边缘节点来响应用户的请求) 3 浏览器缓存(存储最近访问的过的页面,再次请求时,从本地磁盘显示文档来加速页面的阅览,节约网络的资源加速浏览) 4 服务器缓存(将需要频繁访问的网络内容存放在离用户较近、访问速度更快的系统中,来提高访问速度)....
2022-02-11 10:11:32
1094
原创 vue注入依赖(provide,inject)
//父组建export default { provide() { return { testFn() { console.log('注入成功') } } },}//子组建孙组建export default { inject: ['testFn'],}//注入完以后我们就可以调用 this.testFn() //输出 “注入成功” *常用刷新组建*关于 provide inject 定义这里不再详解，以上代码简洁.
2022-02-11 09:40:11
978
原创 分享方法之冒泡排序最优解
//参数1 传入的数组//参数2 type = "toLarge" 从小到大 type = "toSmall" 从大到小 不传默认从小到大export const bubbleSorting = (list, type = "toLarge") => { const changeTemp = (j) => { let temp = list[j] list[j] = list[j + 1] list[j + 1] = temp } for (let i .
2022-02-11 09:23:23
380
原创 VUE组件中的data必须是函数
类别引用数据类型Object是引用数据类型，如果不用function返回，每个组件的data都是内存的同一个地址，一个数据改变了其他也改变了；(js特性)JavaScript只有函数构成作用域(关于作用域的定义这里不再详解),data是一个函数时，每个组件实例都有自己的作用域，每个实例相互独立，不会相互影响。...
2022-02-10 09:48:19
255
原创 JS调用vlc客户端播放rtsp视频流
1:vlc官网下载客户端，无脑下一步2:添加注册表；（1）新建文本文档，复制以下内容Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\rtsp]@="rtspProtocol""URL Protocol"=""[HKEY_CLASSES_ROOT\rtsp\DefaultIcon]@="C:\\Program Files\\VideoLAN\\VLC\\vlc.exe,1"[HKEY_CLASSES_ROOT\rt..
2022-02-10 09:22:43
1722
原创 element-ui日历组建-待办事项
<template> <el-card shadow="never" class="aui-card--fill"> <el-calendar v-model="calendarValue"> <template slot="dateCell" slot-scope="{date, data}"> <div :class="data.isSelected ? 'is-selected' : ''"> .
2022-02-09 14:21:42
1970
原创 分享方法之金额大写
export const amountInWords = (n) => { var fraction = ['角', '分', '厘']; var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; var unit = [ ['元', '万', '亿'], ['', '拾', '佰', '仟'] ]; var head = n < 0 ? '欠人民币' : '人民币'; n = Mat.
2022-02-08 16:25:09
58
原创 分享方法之获取今天开始的指定日期
//参数1 num 想要获取今天传0 获取今天前面7天的时间传-7 获取今天后7天的日期传7 //参数2 str 表示用什么符号分割时间 不传默认用"-"分割 1990-01-01 export const getSpecifyDate = (num, str="-") => { var today = new Date(); var nowTime = today.getTime(); var ms = 24 * 3600 * 1000 * num; today.setTi..
2022-02-07 16:51:14
308
原创 分享方法之获取当时间
export const getNowDay = (type = 'dayTime') => { let day = new Date(); let yy = day.getFullYear().toString(); let MM = day.getMonth() + 1 >= 10 ? (day.getMonth() + 1) : '0' + (day.getMonth() + 1); let DD = day.getDate() >= 10 ? day.getDat.
2022-01-26 09:27:21
551
原创 如果判断当前应用的应用类型？
今天小编给大家分享一个方法，判断当前应用的应用类型//判断当前应用类型export const platformType= () => { var u = navigator.userAgent const obj = { webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 ios: !!u.match(
2022-01-25 08:39:25
190
原创 vue中Promise的用法
promise是什么？1、主要用于异步计算2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3、可以在对象之间传递和操作promise，帮助我们处理队列为什么会有promise？为了解决处理回掉地狱1.promise简单用法function2(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/)}function3(){ // 你的逻辑代码 return Promise.res
2022-01-24 09:44:16
2979
原创 export 与 export default的区别与用法
//index1.jsexport default const a = "hello word!!!"导入方式import b from "./index1.js" //b可以是任意变量//index2.jsexport const a = "hello word!!!"导入方式import {a} from "./index2.js" //变量名必须与导出一致区别:export default 可作为单一导出 export 可导出多个...
2022-01-21 13:59:13
258
原创 js 方法的返回值 return 用法探究
大致可以分为2种情况第一种: 有返回值(1) 返回trueconst testFn = ()=>{return true}const result = testFn()console.log(result) 控制台打印结果为true我们可以声明一个变量去接收 进行后续操作，函数执行有结果const testFn = ()=>{return false}(2) 返回falseconst result = testFn()console.log(r
2022-01-21 11:11:11
12581
原创 为什么vue中解构赋值不起作用
<script> /* eslint-disable */ export default { name: "Test", data() { return {}; }, mounted() { this.exchangeVariable(); }, methods: { exchangeVariable: function() { let a = 1, ...
2022-01-21 10:32:47
832
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人