javascript
这个专栏是在日常工作中遇到的js知识点,对它们进行汇总,方便后续查阅以及与大家分享这些内容
林小白的日常
这个作者很懒,什么都没留下…
展开
-
js小数相加精度不准确的解决方案
JavaScript 中的Number类型采用IEEE 754标准来表示浮点数,这个标准定义的是双精度浮点数,它能够表示的数值范围非常广泛,而这个标准在处理一些特别大或特别小的数时会出现舍入错误,所以计算机无法准确表示的小数有 0.1、0.2 或 0.3 这样的数字,因为它使用的是二进制浮点格式。其实在我们日常生活中通常使用10进制来进行计算,我们会发现当10除以2或者5的倍数时才可以被精确的表示,例如1/2、1/4、1/5、1/8 和 1/10等。但是 1/3、1/6 和 1/7 则是无限循环的小数。原创 2024-08-07 10:10:37 · 1083 阅读 · 0 评论 -
select下拉框如何实现多选功能
【代码】select下拉框如何实现多选功能。原创 2024-06-11 16:39:30 · 981 阅读 · 0 评论 -
js实现简单的级联下拉列表
【代码】js实现简单的级联下拉列表。原创 2024-04-28 13:37:45 · 341 阅读 · 0 评论 -
js鼠标点击添加图标并获取图标的坐标值
给这个图片添加摄像头图标,并获取图标的坐标值,也就是图标的css样式是positon:absolute,获取left和top的值。6.应该让鼠标点击处是图标的中心,就需要获取图标中心的坐标,然后 减去图片2中箭头的距离。3.就能获取到图片2中箭头的距离,即鼠标点击的位置距背景图顶部的距离。1.鼠标点击时距浏览器的左边距离和上边距离,相当于(0,0)坐标。5.效果如下图,但是鼠标点击处是图标的左上角,感觉好像是差一点。4.计算得出图标的left和top值,这里是%。思路是这样的,获取这里的长度,原创 2023-10-20 14:37:20 · 1542 阅读 · 0 评论 -
将一个数组拆分成多个数组
【代码】将一个数组拆分成多个数组。原创 2023-07-20 16:50:39 · 707 阅读 · 0 评论 -
前端修改单选框和多选框的样式(美化)
【代码】前端修改单选框和多选框的样式(美化)原创 2023-06-27 14:10:05 · 2388 阅读 · 0 评论 -
前端获取当前日期和前一天日期
如果想要获取前七天的时间,就乘以7,因为86400000是一天的时间戳。原创 2023-06-12 14:42:58 · 860 阅读 · 0 评论 -
前端input上传图片怎么去掉文件名并更改样式
【代码】前端input上传图片怎么去掉文件名并更改样式。原创 2023-04-27 10:05:43 · 746 阅读 · 1 评论 -
解决option添加onclick事件失效
当想要给select中的option添加onclick事件时,你会发现点击事件在火狐浏览器中是好的,但在谷歌浏览器是失效的,这是谷歌对option的onclick不兼容。如下:并不执行getNum()方法,如何实现这一功能呢?首先看select 的属性 和 事件:selectedIndex 设置或返回下拉列表中被选项目的索引号。注意:索引是从0开始的。onchange 当改变选择时调用的事件句柄option 是不能支持onclick ,但select有onchange和selectedIndex原创 2022-07-04 14:13:01 · 110 阅读 · 0 评论 -
前端常用数组方法集合
一、Array1.添加元素1).push:尾部添加元素原创 2021-06-17 15:51:07 · 1765 阅读 · 1 评论 -
JS中Math常用方法
1.Math.abs 取绝对值console.log(Math.abs(-2));//22.原创 2021-06-18 10:14:25 · 478 阅读 · 0 评论 -
js中call、apply和bind的区别
三者都是用来改变this指向的。var obj = {name: 'psg'};function sum(num1,num2){ console.log(num1,num2); console.log(this);}sum(1,2);//this:window,nm1:1,num2:21.call函数.call(对象,arg1,arg2....)sum.call(100, 200); //this指向100, num1=200, num2=undefinedsum.cal原创 2021-06-24 14:02:00 · 105 阅读 · 0 评论 -
js实现点击事件以及this指向
首页写个button标签(div,p什么的也都可以)<button type="button">点击</button>1.通过点击事件let button = document.getElementsByTagName('button')[0];button.onclick = function(){ console.log(this);//button}this指向接收事件的元素。2.监听点击事件let button = document.g.原创 2021-07-14 15:43:17 · 1578 阅读 · 0 评论 -
js字母和数字的相互转换
与ASCALL码对应1.字母转换成数字.charCodeAt(0)let letter = 'B';console.log(letter.charCodeAt(0));//662.数字转成成字母String.fromCharCode()let num = 65;console.log(String.fromCharCode(num));//A原创 2021-07-21 10:04:39 · 1728 阅读 · 0 评论 -
原生js新增的classList如何使用?
.classList顾名思义,用于操作类名的。1. .classList.add( ):给元素添加类名,若已存在,则不进行添加操作2..classList.remove( ):元素移除已存在的类名。3. .classList.toggle( ):若元素存在该类名则移除,不存在则添加4..classList.contains( ):若元素存在该类名返回true,不存在返回false。...原创 2021-07-26 09:21:15 · 715 阅读 · 0 评论 -
js判断当前设备是移动端还是PC端
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { document.write("移动")} else { document.write("PC")}只需要这几行代码就可进行判断原创 2021-07-28 09:35:21 · 758 阅读 · 0 评论