js
关注
分享
扫一扫
qq_46100747
这个作者很懒，什么都没留下…
展开
-
文件上传 input
【代码】文件上传 input。原创 2023-04-10 17:53:21 · 170 阅读 · 0 评论 -
预览word
前端实现预览word分为两种，一种是上传前预览（也就是前端使用input或者组件等选择文件后直接预览，此时还没有上传给后端，我定义为纯前端预览），一种是上传后预览（就是文档已经上传到后端，通过后端给的文件流实现预览）https://blog.youkuaiyun.com/kaimo313/article/details/127012225 vue里使用docx-preview预览docx文件。https://www.jianshu.com/p/8e1e90570c52 预览word excel。转载 2023-02-22 14:02:27 · 1680 阅读 · 1 评论 -
js获取当前日期上一个月或者下一个月
【代码】js获取当前日期上一个月或者下一个月。原创 2022-09-20 14:10:08 · 1953 阅读 · 1 评论 -
数组合并8种方法
数组合并8种方法。原创 2022-09-13 13:46:57 · 5423 阅读 · 0 评论 -
v-loading 影响 v-for 的渲染
v-loading 影响 v-for 的渲染。原创 2022-08-19 13:12:54 · 366 阅读 · 0 评论 -
jtopo椭圆
jtopo椭圆。转载 2022-08-04 15:27:28 · 183 阅读 · 0 评论 -
实用小方法（保存两位小数，随机数）
formatNum(num) { let str = ""; //字符串累加 str = (Math.round(num * 100) / 100) .toFixed(2) .toString() .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) { return $1 + ","; }); return str; //字符串=>数组=原创 2022-03-29 20:16:27 · 292 阅读 · 0 评论 -
JavaScript entries() 方法 + 数组索引 +检测数组
从数组 fruits创建一个可迭代对象， 该对象包含了数组的键值对：var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.entries();entries() 方法返回一个数组的迭代对象，该对象包含数组的键值对 (key/value)。 迭代对象中数组的索引值作为 key，数组元素作为 value。[0, "Banana"][1, "Orange"][2, "Apple"][3, "Mango"]数组索引数组中元素原创 2022-03-01 14:15:47 · 504 阅读 · 0 评论 -
Array 数组,Array.from()、 Array.of()
Array构造函数还有两个ES6新增的用于创建数组的静态方法：from()和of()。from()用于将类数组结构转换为数组实例，而of()用于将一组参数转换为数组实例。Array.from()的第一个参数是一个类数组对象，即任何可迭代的结构，或者有一个length属性和可索引元素的结构。字符串会被拆分为单字符数组： console.log(Array.from("Matt")); // ["M", "a", "t", "t"] Array.from()对现有数组执行浅复制const a1 .原创 2022-03-01 12:01:33 · 262 阅读 · 0 评论 -
单例内置对象 Math
Math对象上提供的计算要比直接在JavaScript实现的快得多，因为Math对象上的计算使用了JavaScript引擎中更高效的实现和处理器指令。但使用Math计算的问题是精度会因浏览器、操作系统、指令集和硬件而异。Math.E 自然对数的基数e的值Math.LN10 10为底的自然对数Math.LN2 2为底的自然对数Math.LOG2E 以2为底e的对数Math.LOG10E 以10为底e的对数Math.PI π的值Math.SQRT1_2 1/2的平方根Math.SQRT2 2.原创 2022-01-14 17:30:37 · 378 阅读 · 0 评论 -
原始值包装类型
NumberNumber类型重写了valueOf()、toLocaleString()和toString()方法。valueOf()方法返回Number对象表示的原始数值，let num = 10; console.log(num.valueOf()); // 10 console.log(num.toString()); // "10" console.log(num.toString(2)); // "1010" console.log(num.toString(8)); // "12原创 2022-01-14 16:16:21 · 307 阅读 · 0 评论 -
vue js 中的鼠标事件
vue@click//单击@mousedown//按下@mouseup//抬起@dblclick//双击@mousemove//移动@mouseleave//离开@mouseout //移出@mouseenter//进入@mouseover//在js一般事件事件 浏览器支持 描述onClick HTML: 2 | 3 | 3.2 | 4Browser: IE3 | N2 | O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClick HTML: 2 | 3 |原创 2022-01-13 16:57:30 · 1456 阅读 · 0 评论 -
clientX,clientY,screenX,screenY,offsetX,offsetY 区别测试
clientX：当鼠标事件发生时（不管是onclick，还是omousemove，onmouseover等），鼠标相对于浏览器（这里说的是浏览器的有效区域）x轴的位置；clientY：当鼠标事件发生时，鼠标相对于浏览器（这里说的是浏览器的有效区域）y轴的位置；screenX：当鼠标事件发生时，鼠标相对于显示器屏幕x轴的位置；screenY：当鼠标事件发生时，鼠标相对于显示器屏幕y轴的位置；offsetX：当鼠标事件发生时，鼠标相对于事件源x轴的位置offsetY：当鼠标事件发生时，鼠标相对于事件.原创 2022-01-13 11:05:24 · 876 阅读 · 0 评论 -
vue组件里定时器销毁问题
我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示：解决方法1：首先我在data函数里面进行定义定时器名称：data() { return { timer: null // 定时器名称 } },然后这样使用定时器：this.timer = (() => {原创 2022-01-12 17:00:08 · 2976 阅读 · 0 评论 -
判断对象是否为空
我们想要判断对象是否为空，像基本类型那样判断是不可以的， ==={} ？这样是错误的，因为只是比较引用地址是否相同，所以可以采取下面的方法来进行判断1.根据for...in遍历对象，如果存在则返回true，否则返回falsefor ( let i in obj) { return true;}return false2.利用JSON自带的JSON.stringify()方法来判断大概思路就是转化为字符串’{}'来进行判断if (JSON.stringify(obj) === '{.原创 2022-01-11 14:26:06 · 286 阅读 · 0 评论 -
数组对象增加单个属性
新数组：array;原数组：list;给原数组list的对象加一个名为indexNum的属性，属性值为str let array=[]; this.list.map((item,index)=>{ array.push( Object.assign({},item,{indexNum:str}) ) }原创 2022-01-10 16:18:05 · 430 阅读 · 0 评论 -
正则校验 js
带小数的数字var valiNumberPass1 = (rule, value, callback) => {//包含小数的数字 let reg = /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g; if (value === '') { callback(new Error('请输入内容')); } else if (!reg.test(val原创 2022-01-07 15:22:17 · 258 阅读 · 0 评论 -
canvas.getBoundingClientRect()
Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。canvas 用来获取鼠标点击的位置,//这个方法,在canvas 用来获取鼠标点击的位置, let mousedown=function(e){ e = e || window.event; // 这个 你就可以知道你画的位置在距离你的canvas左边框的距离 startx = e.client.原创 2021-12-31 14:15:03 · 2792 阅读 · 0 评论 -
js怎样获取div元素的宽度
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>原创 2021-12-31 13:50:06 · 6730 阅读 · 0 评论