![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 80
MR·Feng
这个作者很懒,什么都没留下…
展开
-
Object.assign()和展开运算符...的区别
Object.assign()和展开运算符...的区别转载 2022-08-10 15:31:53 · 1390 阅读 · 0 评论 -
javascript 数组
var arr = [ 1, 2, 3, 4, 5, 0, 4, 32, 1, 7, 78, 34, 234, 67, 5, 4, 1, 0 ];var arr1 = [ null, 'a', 999, undefined ];var obj = { name: 'zhangsan', age: 99 };1、 ES6去重Array.from(new Set(arr)).filter(x => x); // [1, 5, 3, 2, 4, 9]Array.from(new Set(ar.原创 2020-12-24 12:51:57 · 161 阅读 · 4 评论 -
常用封装函数
1、数组去重并过滤数组中的所有假值1) unique: o => Array.from(new Set(o)).filter(x=>x)2) unique: o => [...new Set(o)].filter(x=>x)2、判断返回值是否为数组\对象1) isArray: o => Object.prototype.toString.call(o...原创 2019-11-21 14:46:50 · 1078 阅读 · 2 评论 -
两经纬度点之间的距离计算方法
方法一 /* 计算经纬度之间的距离公式 */function getRad(d) { var PI = Math.PI; return d * PI / 180.0;}/** * 获取两个经纬度之间的距离:A[lng1,lat1],B[lng2,lat2] * @param lng1 A点的经度 * @param lat1 A点的纬度 * @param lng2 B点的...原创 2018-10-25 10:02:44 · 3237 阅读 · 0 评论 -
ES6,ES5 判断数组维数
<!DOCTYPE html><html> <head> <title> ES6,ES5 判断数组维数 </title> </head> <body> <script type="text/javascript"&原创 2018-11-20 17:28:44 · 965 阅读 · 2 评论 -
babel ES6转码,及压缩生成min包
babel ES6转码,及压缩生成min包一、ES6转码准备: 1、node安装: 32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi 64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi ...原创 2018-12-11 18:41:53 · 3516 阅读 · 0 评论 -
rgba和hex之间转换
分享颜色插件【1:spectrum:https://www.bootcdn.cn/spectrum/ 2:官网:http://bgrins.github.io/spectrum/】1、hex转rgba 参考网站:https://blog.csdn.net/jyao_in/article/details/80615474var reg = /^#([0-9a-fA-f...原创 2019-02-19 17:27:21 · 5124 阅读 · 0 评论 -
字符串去重的(6)种方法
1、ES6去重var string = 'aaaadfsdgsdd';function uniqString(str) { return Array.from(new Set(str.split(''))).join('');}uniqString(string); // adfsg2、正则去重var string = 'aaaadfsdgsdd';function...原创 2019-02-21 09:18:24 · 10046 阅读 · 0 评论 -
原生js轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>原生js轮播</title> <style type="text/css"> * { margin: 0; pad...原创 2019-06-01 20:02:49 · 110 阅读 · 0 评论 -
导入、导出 json
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>导入本地json、导出数据json文件并显示内容</title> </head> <body&g原创 2018-10-19 10:26:30 · 1221 阅读 · 0 评论 -
es6数组操作
ES6 新特性之数组扩展Array.from()from 方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。语法Array.from(arrayLike[, mapFn[, thisArg]])参数arrayLike 想要转换成数组的伪数组对象或可迭代对象...转载 2018-07-23 12:01:06 · 715 阅读 · 0 评论 -
JQuery 对 Select option 的操作
下拉框:select id="selectID" > option value="1">1option> option value="2">2option> option value="3">3option> option value="4">4option> option value="5">5option> optio转载 2017-11-15 11:21:38 · 235 阅读 · 0 评论 -
div的绝对坐标!
var odiv=document.getElementById('oDiv');alert(odiv.getBoundingClientRect().left);alert(odiv.getBoundingClientRect().top);原创 2017-03-28 17:51:59 · 1027 阅读 · 0 评论 -
正则验证
js验证固定电话、手机号码 2013-11-12 18:00:17分类: JavaScript规则的国内固定电话和传真的格式基本都是带有0的区号+连接符“-”+电话号码,另外还有可能有分机号,区号有3位、4位,电话号码有7位和8位的;其它格式的有前面不带0的,或者不带连接符的,或者分机号前面使用#号的,或者前面加“+86”的等等;区号:转载 2017-04-17 17:12:35 · 238 阅读 · 0 评论 -
canvas仪表盘
这是一个仿支付宝芝麻信用分的一个canvas,其实就是一个动画仪表盘。首先, 上原图:这个是在下支付宝上的截图,分低各位见笑了。然后看下我用canvas实现的效果图:canvas id="canvas" width="400" height="700" data-score='724'>canvas>唉,总感觉不像。这个是GIF图,可能在网页上打开的转载 2017-06-25 22:31:18 · 1137 阅读 · 0 评论 -
JS判断滚动条到底部懒加载
判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。 从这个三个属性的介绍就可以看出来,滚动条到底部的转载 2017-08-18 09:42:26 · 669 阅读 · 0 评论 -
弹出提示消息层
1、html部分2、css部分.prompt-info { min-width: 10rem; padding: 0.5rem 1.5rem; min-height: 3.5rem; position: fixed; transform: translate(-50%, -50%); left: 50%; top: -5%;原创 2017-09-02 11:50:25 · 305 阅读 · 0 评论 -
原生 js 计算时间差
// 开始时间 var date1 = new Date(2017-10-14 10:35:39); // 结束时间 var date2 = new Date(2017-10-14 10:37:32); // 时间差(毫秒计算) var date3 = date2.getTime() - date1.getTime(); // 毫秒化天原创 2017-10-14 13:23:10 · 354 阅读 · 0 评论 -
css3+jsvascript 制作图片跑马灯
css3+jsvascript 制作图片跑马灯 * { transition: .1s; list-style: none; } .list { position: relative; width: 800px; height: 100px; background-color: #FEFEF2; border: 1px sol原创 2017-11-03 17:59:24 · 1096 阅读 · 0 评论 -
js获取网页屏幕可见区域高度
Js代码 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度转载 2017-03-28 17:47:36 · 305 阅读 · 0 评论