Javascript
fishegg07
一枚前端小白的奋斗
展开
-
深拷贝的写法
最简单版本,适用于大多数场景: JSON.parse(JSON.stringify(target));手写简单版:const deepClone = (target) => { if(typeof target === 'object' && target !== null){ const cloneTarget...原创 2020-04-22 21:18:11 · 466 阅读 · 0 评论 -
更换皮肤的小思路(自己想的)
css<link rel="stylesheet" id="skin" type="text/css" href="./css/skin1.css" />html<div class="abc"> </div><button onclick="skin(1)">皮肤1</button><button oncli...原创 2019-11-09 11:42:17 · 176 阅读 · 0 评论 -
在layUI里,contentWindow属性可以获取弹出框里页面的对象或者方法
contentWindow属性是指指定的frame或者iframe所在的window对象打开一个弹出层layer.open({ type: 2, title: “审核指标”, area: [“500px”, “300px”], shade: 0.8, btn: [“送审”,“取消”], btnAlign: ‘c’, content: url,...原创 2019-11-09 10:18:45 · 3716 阅读 · 0 评论 -
cookies、sessionStorage和localStorage解释及区别
在浏览器查看HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)coo...转载 2019-10-14 21:34:37 · 117 阅读 · 0 评论 -
JSONP原理及使用
极简解释:利用<script>标签没有跨域限制的“漏洞”(历史遗迹啊)来达到与第三方通讯的目的。当需要通讯时,本站脚本创建一个<script>元素,地址指向第三方的API网址,形如:<script src="http://www.example.net/api?param1=1¶m2=2"></script>并提供一个回调...转载 2019-10-13 08:08:18 · 146 阅读 · 0 评论 -
触发一个带有参数的一个方法,又想获取event对象,可以这个写
有时候有些业务需求是触发一个带参数的方法时,又想获取event对象,可以这么写:<input type="button" value="121212" onclick="eventTest(1,2)" /> <script type="text/javascript"> function eventTest(a,...原创 2019-07-18 18:34:45 · 1902 阅读 · 0 评论 -
postMessage 页面跨域与iframe通信
解决跨域问题的方法大致有以下几种 1.jsonp 2.hash 3.postMessage 4.websocket 5.cors 具体的使用方式和原理的文章有很多,而就应用场景而言,iframe间通信最完美的办法莫过于postMessage了。 postMesasge是html5标准的方法,ie10+浏览器都支持,ie8/9部分支持。以下是部分实例...原创 2019-09-18 23:23:08 · 197 阅读 · 0 评论 -
JS中Null与Undefined的区别
在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined?Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返...转载 2019-09-30 22:42:10 · 74 阅读 · 0 评论 -
转载:json.stringify()的妙用,json.stringify()与json.parse()的区别
原文:https://www.cnblogs.com/echolun/p/9631836.html一、JSON.stringify()与JSON.parse()的区别最近做项目,发现JSON.stringify()使用场景真的挺多,我们都知道JSON.stringify()的作用是将JavaScript 值转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对...转载 2019-07-11 21:03:55 · 112 阅读 · 0 评论 -
JS中数组常用方法总结
1.Array.map()此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组 1 2 3 4 letarr = [1, 2, 3, 4, 5] letnewArr = arr.map(x => x*2) //arr= [1, 2, 3, 4, 5] 原数组保持不变...原创 2019-07-10 22:43:03 · 164 阅读 · 0 评论 -
$(window).height() 和 $(document).height()的区别
$(window).height() 和 $(document).height()的区别$(window).height()代表了当前可见区域的大小,$(document).height()则代表了整个文档的高度,可视具体情况使用.当浏览器窗口大小改变时(如最大化或拉大窗口后) ,$(window).height() 随之改变,但是 $(document).height()是不变的。...转载 2018-12-01 22:17:19 · 9587 阅读 · 0 评论 -
原生js写的一个全选,不全选功能。
<form action="" name="la"> <table> <tr> <td><input type="checkbox" val="1" name="ck"></td> ...原创 2019-04-21 11:31:33 · 361 阅读 · 0 评论 -
获取个,十,百,千,万,十万位。
var num = 90423; var g = parseInt(num % 10); var s = parseInt((num % 100)/10); var b = parseInt((num % 1000)/100); var q = parseInt((num % 10000)/1000); ...原创 2019-04-23 22:57:47 · 2113 阅读 · 0 评论 -
利用时间戳判断来搞事情
setInterval(function(){ var timestamp1 = new Date('2019-04-30 07:54:00') //自己设定的时间 var timestamp2 = new Date() //电脑系统实际时间 if(timestamp1 - timestamp2 ...原创 2019-04-30 08:01:43 · 407 阅读 · 0 评论 -
时间格式化方法,输出格式:2019-06-20 11:30:50
formatDateTime(date){ let y = date.getFullYear(); let m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; let d = date.getDate(); d = d < 10 ? ('0' + d) : d; let h = da...原创 2019-06-20 11:29:57 · 4354 阅读 · 0 评论 -
null,'',0,undefined的小测试。
let a = null; let b = ''; //这个是空值 let c = 0; let d ; //只有声明没有赋值,输出的是undefined let f ; if(a){ console.log('进来了'); }else{ ...原创 2019-06-22 22:49:38 · 189 阅读 · 0 评论 -
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}return ...转载 2019-06-27 11:12:54 · 1884 阅读 · 0 评论 -
转载:JS中将对象转化为数组
转载至https://www.cnblogs.com/wancheng7/p/8735168.html前言其实这本来应该是一个很基础的问题了,但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来,但最近再遇到这个问题时竟然又卡主了,所以,关于这个问题,如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成...转载 2019-06-27 11:15:41 · 302 阅读 · 0 评论 -
ajax readyState五种状态及status状态码
文章原文 根据资料整理了一下ajax的readyState的五种状态和status的一些状态码:代码片段来源: https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000AJ...转载 2018-07-04 23:25:59 · 665 阅读 · 0 评论