![](https://img-blog.csdnimg.cn/20200507161654383.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Js
原生js
RightHereWaitingFY
这个作者很懒,什么都没留下…
展开
-
解构赋值(快速交换值)
let x = 1, y = 2;[x, y] = [y, x]console.log(x,y);原创 2022-04-05 20:04:11 · 299 阅读 · 0 评论 -
new Set 数组去重
let arr = [15,25,36,52,25,15]let item = [...new Set(arr)]console.log(item);原创 2022-04-05 20:01:57 · 1597 阅读 · 0 评论 -
在线考试开启全屏
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script><button type="button"原创 2021-07-14 10:56:02 · 572 阅读 · 0 评论 -
获取url中的参数
//获取url中的参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值}原创 2021-06-02 09:40:33 · 107 阅读 · 0 评论 -
Js传参中文乱码解决方法
首先,地址栏传中文是很不明智的,因为不同的浏览器对与中文的解析存在不同的方法。所以,建议如果能不用尽量不要用。当然,很多时候奇葩需求要求我们必须解决这个办法。下面,是解决个别奇葩需求的方法。在中文参数加入到地址栏之前进行转码。(注意,简单转码是不可以的,浏览器会根据编码方式对已经编码的部分进行一次反编译。)正确方法是:在中文加入到地址栏前,进行两次encodeURI转码在传输过程中浏览器会解析一遍,到达指定页面获取地址栏参数的时候,再进行一次decodeURI解码就可以了。列子:A页面传参原创 2021-06-02 09:33:37 · 3221 阅读 · 1 评论 -
删除数据中多项的其中一种方法
var arr = [ {id:1,title:''}, {id:2,title:''}, {id:3,title:''}, {id:4,title:''},]arr = arr.filter((el)=>{ return el.id!=2 && el.id!=4})console.log(arr);原创 2021-05-25 13:59:04 · 133 阅读 · 0 评论 -
js 检测手机横竖屏
// 检测横竖屏var orient = ''function checkOrient() { if (window.orientation == 0 ){ orient = 'portrait 0 right'; } else if (window.orientation == 180){ orient = 'portrait 180 left'; } else if (window.orientation == 90 || window.ori原创 2021-04-14 14:39:53 · 173 阅读 · 0 评论 -
计算数组中重复个数
function counterArray(arr){ var obj = {} arr.forEach(function(v,k){ if(obj[v]){ obj[v]++; }else{ obj[v] = 1; } }) return obj;}原创 2021-03-25 08:49:07 · 202 阅读 · 0 评论 -
前端 平级结构数据转换 el-tree 所要求的树形结构数据
var testData = [{ component_id: "", isParent: true, name: "调查问卷", id: "questionnaire" }, { component_id: "questionnaire", name: "限制规则", id: "82d7c72ce0d44d468917d80345db6d76" }, { component_id: "questionnaire", name: "问卷状态", id: "37df原创 2021-03-23 16:18:12 · 483 阅读 · 0 评论 -
js转化为false的几种情况
js 中 空值、0、null、undefined、NaN转换为布尔值时,都是false原创 2021-03-15 11:12:52 · 501 阅读 · 0 评论 -
用于定义全局html font-size 值,css单位使用rem
css3单位rem:rem就是将根节点html的font-size的值作为整个页面的基准尺寸,例如那么1rem=10px;移动端效果图宽度设计为750px,例如,有一个图片,宽度为200px,高度为150px,落地到css中,.className{ width: 200rem; height: 150rem;}(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientatio原创 2021-03-05 10:47:17 · 731 阅读 · 1 评论 -
H5页面中,使用uniapp的能力
<!-- uni 的 SDK,必须引用 --> <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script><script> /*获取uniapp的能力,返回到app中的指定页面*/ document.addEventListener('UniAppJSBridgeReady', f原创 2021-03-02 16:06:43 · 520 阅读 · 1 评论 -
原生js 添加删除class
document.querySelector("#"+showEle).classList.remove("hidden")document.querySelector("#"+hideEle).classList.add("hidden")原创 2021-02-05 14:46:24 · 193 阅读 · 0 评论 -
原生JS中map和foreach的区别以及some和every的用法
这里写自定义目录标题https://www.cnblogs.com/xiaozhumaopao/p/10231501.htmlhttps://www.cnblogs.com/xiaozhumaopao/p/10231501.html原创 2021-01-28 09:17:34 · 153 阅读 · 0 评论 -
移动端图片压缩及上传
<!-- 引入lrz插件 --><script src="../../js/lrz/lrz.bundle.js" type="text/javascript" ></script><!-- H5 input accept="image/*" capture="camera" 打开图库 或者 调用相机 --><input type="file" id="FileImg" onchange="btnUploadFile(event)" accept="原创 2020-12-09 11:19:20 · 191 阅读 · 0 评论 -
时间格式化
Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, // 月份 "d+": this.getDate(), // 日 "h+": this.getHours(), // 小时 "m+": this.getMinutes(), // 分 "s+": this.getSeconds(), // 秒 "q+原创 2020-12-09 11:06:45 · 130 阅读 · 0 评论 -
根据经纬度计算与当前位置的距离
// 根据经纬度计算距离,参数分别为第一点的纬度,经度;第二点的纬度,经度 function getDistance(lat1, lng1, lat2, lng2) { var distance_str = ""; // 四个值都存在进行距离计算 if (lat1 != undefined && lng1 != undefined && lat2 != null && lng2 != null) { lat2 = lat2 * 1 l原创 2020-12-09 11:01:03 · 506 阅读 · 0 评论 -
计算时间差
// 获取距当前时间的差值 function timeDifference(dateString) { console.info("--------",dateString) var currentSecond = new Date().getTime(); var pushSecond = convertDateFromString(dateString).getTime(); var time原创 2020-12-09 10:59:08 · 164 阅读 · 0 评论 -
countUp.js 让数据跳动起来
<script src="/public/js/countUp.js"></script><script> var options={ useEasing: true, // 过渡动画效果,默认ture useGrouping: true, // 千分位效果,例:1000->1,000。默认true separator: ' , ', // 使用千分位时分割符号 decimal: '.', // 小数位分割符号原创 2020-06-11 10:54:03 · 813 阅读 · 0 评论 -
js格式化数字,每三位增加一个逗号
// 数字每三位增加一个逗号 function toThousands(num) { return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); } // 如果需要转换的数据为字符串,需要先将字条串转换为number var data = '5253664' data *= 1 console.log(typeof data) var newData = toThousands(data)原创 2020-06-11 10:28:56 · 837 阅读 · 0 评论 -
forEach - for in - for 循环
// forEach不可以遍历对象,只能遍历数组 let array=[9,8,7,6,5,4] array.forEach(function(value,index,arr){ // console.log(value) // console.log(index) // console.log(arr) }) // for in 可遍历数组与对象 let原创 2020-06-10 16:33:05 · 163 阅读 · 0 评论 -
js对象深拷贝
let arr1 = [1,2,3,4];let arr2 = JSON.parse(JSON.stringify(arr1));原创 2020-06-05 18:17:16 · 111 阅读 · 0 评论 -
格式化日期与时间
// 格式化时间const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second = date.getSeconds() return [year,原创 2020-06-02 09:10:26 · 244 阅读 · 0 评论 -
for in 过滤object空值项
var obj = e.detail.baseinfoForm for(var k in obj){ if (obj[k] == '') { delete obj[k] } } console.log(obj)原创 2020-05-28 15:27:08 · 277 阅读 · 0 评论 -
Bootstrap Accordion手风琴插件,点击标题仅本模块显示与隐藏,不影响其他同级模块
以下为Bootstrap Accordion example 标题部分代码,每点击标题,本模块显示,其他模块隐藏,起关键作用的属性是“data-parent="#accordion"”,只需要将每个标题中的data-parent属性删除,就可以实现点击标题时,本模块显示与隐藏,不影响其他模块。这样用户可以展开多个Accordion项<div class="panel-heading" ro...原创 2020-05-07 17:12:44 · 627 阅读 · 0 评论 -
正序、倒序 输出
var arr = ['Bart', 'Lisa', 'Adam']; // 正序输出 for(var i=0; i<arr.length; i++){ console.log(i + '--Hello,' + arr[i] + '!'); } // 倒序输出 for(var i=arr....原创 2020-01-10 09:58:45 · 423 阅读 · 0 评论 -
bootstrap-datepicker
页面引入 bootstrap-datepicker.min.css bootstrap-datepicker.min.js bootstrap-datepicker.zh-CN.min.js 资源文件<script language="javascript">$(function(){ $("#newstimestart").attr("readonly", "true"...原创 2019-12-25 10:41:02 · 239 阅读 · 0 评论 -
js截取news_id的值
//截取newsidvar path = "/397.news.detail.dhtml?news_id=13563";var n_index = path.indexOf("news_id=");//news_id=首次出现的位置var news_id = path.substring(n_index+8);//截取news_idconsole.log(news_id); //打印返回1...原创 2019-12-20 10:06:59 · 170 阅读 · 0 评论 -
提取指定元素的所有父级标签集合,以zTree形式展示
<!-- 引入zTree css及js资源 --> <link href="zTree/zTreeStyle.css" type="text/css" rel="stylesheet"> <script src="zTree/jquery-2.1.4.min.js"></script> <script src="zTr...原创 2019-12-31 13:34:06 · 292 阅读 · 0 评论 -
原生js实现数值自动增加动画
原生js实现数值自动增加动画JS实现数值自动增加动画,效果图如下:js方法html方法调用JS实现数值自动增加动画,效果图如下:js方法`//数字自增到某一值动画参数(目标元素,自定义配置)function NumAutoPlusAnimation(targetEle, options) { /*可以自己改造下传入的参数,按照自己的需求和喜好封装该函数*/ //不传配置就把它绑定在...转载 2019-12-03 12:34:39 · 1417 阅读 · 0 评论 -
获取当前时间
function now(){ var myDate = new Date(); $("#now").html(myDate.toLocaleString());}原创 2020-01-08 17:21:17 · 130 阅读 · 0 评论 -
input 回车doSomething
$("#txtName").keydown(function (e) { var e = event ||window.event; if (e.keyCode == 13) { // dosomething } });原创 2020-01-08 17:15:27 · 138 阅读 · 0 评论 -
前端js获取当前时间 补全月、日,保持两位数
var time = new Date();time.getYear(); //获取当前年份time.getFullYear(); //获取完整的年份(4位,1970-???)time.getMonth(); //获取当前月份(0-11,0代表1月)time.getDate(); //获取当前日(1-31)time.getDay(); //获取当前星期X(0-6,0代表星期天)time...原创 2020-01-10 09:58:54 · 6101 阅读 · 0 评论 -
对一个Array求和,使用reduce实现
var arr = [1, 3, 5, 7, 9];arr.reduce(function (x, y) { return x + y;}); // 25function product(arr) { result=arr.reduce(function (x, y) { return x + y; }); return result;}pro...原创 2020-01-17 11:35:50 · 274 阅读 · 0 评论 -
js 计算圆的面积
//计算圆的面积 function area_of_circle(r, pi) { if (arguments.length === 1) {//如果传入的参数是一个 pi = 3.14; // 则pi使用默认值3.14 return pi*(r*r); } else{ return ...原创 2020-01-17 10:12:59 · 3191 阅读 · 0 评论 -
使用rest求和
function sum(...rest) { console.log(rest);//返回所有的参数 var count = 0; for(i=0; i<rest.length; i++){ console.log(rest[i]); if(rest[i]!==Number){ ...原创 2020-01-17 09:57:54 · 332 阅读 · 0 评论 -
简单jsTab切换
// 顶部tab切换 function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); ...原创 2020-03-18 15:11:20 · 436 阅读 · 0 评论 -
为ajax发送请求时加时间戳或随机数
var url="/***.phtml?date="+new Date().getTime(); //时间戳var url="/***.phtml?num="+Math.random(); //随机数备注:添加时间戳的方法,有可能ie浏览器下不兼容,须做好测试...原创 2020-03-27 13:47:37 · 609 阅读 · 0 评论 -
onpageshow 事件
onpageshow 事件在用户浏览网页时触发。onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如...原创 2020-04-02 08:49:01 · 308 阅读 · 0 评论