![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
i_am_a_div_日积月累_
我本地没有问题啊!
展开
-
前端绘制流程节点数据
前端绘制流程节点数据原创 2024-05-23 15:30:10 · 317 阅读 · 0 评论 -
解决vue定时器清除无效问题
解决vue定时器清除无效问题原创 2024-04-22 15:00:25 · 466 阅读 · 0 评论 -
数组对象补全对象的属性和默认值。获取数组对象所有属性名。
数组对象补全对象的属性和默认值。获取数组对象所有属性名。原创 2023-04-26 17:35:32 · 214 阅读 · 1 评论 -
前端复制字符串到excel生成表格
前端复制字符串到excel生成表格原创 2022-12-19 14:38:05 · 899 阅读 · 0 评论 -
js计算日期差;js计算天数差
js计算日期差;js计算天数差原创 2022-11-22 11:29:26 · 694 阅读 · 0 评论 -
js获取文件名后缀
js获取文件名后缀原创 2022-09-08 17:53:36 · 115 阅读 · 0 评论 -
vue拖拽列表----vuedraggable组件;ElementUI 实现Table组件实现拖拽效果
vue拖拽列表----vuedraggable组件;ElementUI 实现Table组件实现拖拽效果原创 2022-07-12 18:15:46 · 1998 阅读 · 0 评论 -
数字金额加逗号;js给数字加三位一逗号间隔的两种方法;js数据格式化
数字金额加逗号;js给数字加三位一逗号间隔的两种方法;js数据格式化原创 2022-06-30 16:49:31 · 1046 阅读 · 0 评论 -
时间戳转日期;日期转时间戳;
日期转时间戳;时间戳转日期原创 2022-06-01 17:24:13 · 211 阅读 · 0 评论 -
DatePicker动态设置picker-options 中的disabledDate属性操作;
DatePicker动态设置picker-options 中的disabledDate属性操作;原创 2022-05-31 17:22:27 · 2786 阅读 · 0 评论 -
通过后端接口,预览文件流图片;预览和下载文件流
后端接口返回的是文件流1.如果是pdf等文件,通过iframe结合文件流,做到文件的下载和预览 // 预览文件 openPdf1 () { // 后端下载文件流的地址接口 let url = G_CGI_PHP.group.documentDownload + `?id=` + this.paymentImage1 const newWindow = window.open() newWindow.document.write(.原创 2022-05-30 17:43:14 · 1359 阅读 · 0 评论 -
前端下载图片、pdf、excel、world文件;前端下载图片和pdf文件;前端a标签下载图片和pdf文件;下载文件名称不生效原因。
前端图片下载原创 2022-05-30 17:28:49 · 421 阅读 · 0 评论 -
输入框限制只能输入数字,正数、负数、0,最多两位小数;数字输入框可以输入负数,并最多保留两位小数;el-number-input去掉四舍五入和自动补齐小数;
数字输入框限制最多两位小数;输入框只能输数字;输入框可以输入正数、负数和0;原创 2022-01-11 10:37:45 · 2999 阅读 · 1 评论 -
js判断字符串包含英文;js判断字符串包含汉字;
js判断字符串包含汉字;js判断字符串包含英文字母原创 2022-01-10 14:40:39 · 808 阅读 · 0 评论 -
js获取当前日期并格式化(多种格式)
获取当前日期的格式:2022-01-07 或者 2022/01/07 或者 2022-01-07 12:00:00 或者 2022/01/07 12:00:00原博链接方法1:// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (原创 2022-01-07 17:48:42 · 3438 阅读 · 0 评论 -
js计算浮点数出现小数;解决js计算小数问题;js数组相加出现小数;
解决js计算小数出现的精确度问题,js计算浮点数出现多位小数原创 2021-12-17 15:14:12 · 3194 阅读 · 0 评论 -
斐波那契数列;递归函数;爬楼梯问题;
斐波那契数列:例如:一个人爬楼梯,每次只能爬1个或两个台阶,假设有n个台阶,那么这个人有多少种不同的爬楼梯方法;1阶楼梯:1种方法2阶楼梯:2种方法3阶楼梯:3种方法4阶楼梯:5种方法5阶楼梯:8种方法6阶楼梯:11种方法…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c.原创 2021-11-10 18:00:44 · 176 阅读 · 0 评论 -
前端读取文件图片信息流;js读取图片不同信息流;js读取图片;前端就js读取二进制数据;前端js读取文件流使用FileReader对象的readAsDataURL方法来读取图像文件;
原文链接FileReader来把文件读入内存,并且读取文件中的数据。readAsDataURL方法可以在浏览器主线程中异步访问文件系统,读取文件中的数据,且读取后 result 为 DataURL,DataURL 可直接 赋值给 img.src。FileReader 的 result 可以有 3 种形式, 它取决于具体调用读取的方法:–1.1调用 reader. readAsArrayBuffer, 则 result 为 ArrayBuffer 对象 调用 reader.–1.2 read原创 2021-11-04 10:31:13 · 2468 阅读 · 0 评论 -
前端vue实现图片压缩并且将其转换为jpg格式图片;前端转换图片格式;前端使用js转换图片格式;前端使用canvas将png格式图片转成jpg格式
需求中可能有时需要将png图片转成jpg图片或者格式互转,前端使用js和canvas转换图片的格式;原理: 是使用FileReader来把文件读入内存,并且读取文件中的数据。 readAsDataURL方法可以在浏览器主线程中异步访问文件系统,读取文件中的数据,且读取后 result 为 DataURL, DataURL 可直接 赋值给 img.src;然后通过canvas.toDataURL(type)输出相应格式的图片;原文链接以及参考链接<!DOCTYPE html><.原创 2021-11-04 10:15:26 · 3020 阅读 · 0 评论 -
去除多余的0;正则表达式:去掉数字(整数、小数)前面多余的零
方案1:来源:http://zhidao.baidu.com/question/277893180.html 如果是整数:去掉整数前的零 例如:0098765--->98765如果是小数:去掉小数前的零 例如:000.333--->0.333 再例如000.00--->0.00 <input onblur="b=this.value;b=(b+'').replace(/^0+\./g,'0.');b.match(/^0+[1-9]+/)?b=b.replace(/原创 2021-10-21 15:51:36 · 4576 阅读 · 2 评论 -
为什么[]==0;JavaScript里什么情况下a==!a为true呢?
原文链接JavaScript里什么情况下a==!a为true呢?答案是当a = []的时候,这是因为JavaScript的类型转换。我们先来考虑这个问题,console.log([] == false)会打印什么呢?答案是true。为什么呢?首先,因为当"=="号两边其中一个是布尔值的话,先把它转换为数字(ECMAScript的规范)。于是就变成了求[] == 0。然后问题是为什么[]==0会是true呢?这是因为当"=="的一边是字符串或数字,另一边是对象的时候(数组也是对象),先把对象原创 2021-09-01 16:26:52 · 599 阅读 · 0 评论 -
pc端vue项目打开pdf文件;网页查看pdf文件;浏览器直接打开pdf文件
//要求url是可以直接在地址栏打开的pdf地址 //url = 'https://push-repair.zuihuibao.cn/ACHC00DE0421FP00359D.pdf?e=1629447429&token=vuxdWg0Cy8FEDKDawxk2AJ2Mq9guC8xVHBddeMpk:vLCjXt5DOOUAevOJlURN5epC1Cs=' dlBkddPdf (url) { var a = document.createElement("a") .原创 2021-08-20 15:23:37 · 2213 阅读 · 0 评论 -
console使用
console.log用于控制台打印;但除此之外console还有很多用处1.分组打印 console.group('分组打印1-2') console.log(1); console.log(2); console.groupEnd() console.group('分组打印3-4') console.log(3); console.log(4); console.group('俄罗斯套娃') console.log(5原创 2021-08-05 18:06:18 · 93 阅读 · 0 评论 -
vue旋转图片功能,旋转放大图片功能;vue旋转放大div元素
需求:可以旋转、放大、颠倒图片。html: <div class="imgtop"> <img class="imgboxele" id="xingshizhengzhengben" :src="imgurl" alt=""> </div> <div class="imgtxt">行驶证正本</div> <span @click="chong原创 2021-06-25 10:38:08 · 2493 阅读 · 0 评论 -
对象的点语法和中括号语法区别
<script> let obj ={ name: 1, "":1, 'str':1 } console.log(obj.name);// 1 // console.log(obj."");// SyntaxError // console.log(obj.'str');// SyntaxError console.lo...原创 2021-04-22 14:41:34 · 313 阅读 · 0 评论 -
js正则判断输入框input只能是数字或者英文 判断input输入类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl.原创 2021-04-22 13:51:08 · 793 阅读 · 0 评论 -
js的节流与防抖
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <原创 2021-04-08 13:10:07 · 55 阅读 · 0 评论 -
js上传文件;input上传文件;
html原生上传文件方式1:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Document</title> <script></script> </head> <body> <div> 选择文件(可多选): <input原创 2021-03-24 23:35:21 · 365 阅读 · 0 评论 -
$.ajax注册表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单注册</title> <style> body { margin: 0; padding: 0; background-color: #F7F7F7; }原创 2021-03-22 15:31:56 · 113 阅读 · 0 评论 -
找到数组对象中被选中的项
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2021-02-22 16:40:54 · 159 阅读 · 0 评论 -
给element的select添加复选框
需求:要求给select多选的时候,给下拉框前加上复选框样式element select原样式需要更改后的样式html <el-select v-model="searchObj.knowledgeIds" class="select-box" filterable multiple collapse-tags style="margin-left: 20px" place原创 2021-02-01 14:01:46 · 3717 阅读 · 0 评论 -
解决vue的滚动条监听事件无效 解决vue的滚动条scrollTop距离总是为0无效问题
话不多说 直接上代码(方法可以直接复制拿去, html部分需要改成你的元素的ref和点击回到顶部的方法名称)html <section ref="scrollbox" class="inner-body"> <div> 这里放了很多内容 出现了滚动条 </div> </section> <button @click="gotop">点击置顶&原创 2020-12-30 13:42:48 · 3406 阅读 · 1 评论 -
2020-12-24
console.log(),对于一般对于基本类型number、string、boolean、null、undefined 的输出是可信的。但对于Object 等引用类型来说,则就会出现上述异常打印输出。(调试复杂数据类型时候通过打断点来看即可)正常预期 <script> var arr1 = [1,2]// let arr1 = [// {id:1,name:1},// {id:2,name:2}// ] console.lo原创 2020-12-24 18:18:30 · 115 阅读 · 1 评论 -
深拷贝与浅拷贝Object.assign()
深拷贝与浅拷贝Object.assign()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-12-24 18:04:10 · 137 阅读 · 3 评论 -
vue本地下载文件,解决ie浏览器本地下载文件无反应(已解决);vue-cli2本地下载文件,vue-cli3本地下载文件
1.vue-cli2+vue 注意:vue-cli2本地文件需要放在静态文件static下<a href="javascript:void(0);" @click="download">帮助文档</a><a href="javascript:void(0);" @click="download">帮助文档</a> download(){ axios.get('static/export.pdf', { respo原创 2020-11-12 15:44:32 · 1767 阅读 · 0 评论 -
两个数组找相同部分和两个数组找不同部分
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <原创 2020-08-03 10:39:48 · 678 阅读 · 0 评论