- 博客(37)
- 收藏
- 关注
原创 深拷贝的写法
最简单版本,适用于大多数场景: JSON.parse(JSON.stringify(target));手写简单版:const deepClone = (target) => { if(typeof target === 'object' && target !== null){ const cloneTarget...
2020-04-22 21:18:11
477
原创 更换皮肤的小思路(自己想的)
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
184
原创 模块设计模式
<body> <style> .abc{ width:100px; height:100px; } </style> <div class="abc"> </d...
2019-11-09 10:35:35
231
原创 在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
3729
转载 cookies、sessionStorage和localStorage解释及区别
在浏览器查看HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)coo...
2019-10-14 21:34:37
122
原创 Object.defineProperty()
Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。语法Object.defineProperty(obj, prop, descriptor)参数obj要在其上定义属性的对象。prop要定义或修改的属性的名称。descriptor将被定义或修改的属性描述符。返回值 ...
2019-10-13 09:48:36
282
转载 JSONP原理及使用
极简解释:利用<script>标签没有跨域限制的“漏洞”(历史遗迹啊)来达到与第三方通讯的目的。当需要通讯时,本站脚本创建一个<script>元素,地址指向第三方的API网址,形如:<script src="http://www.example.net/api?param1=1¶m2=2"></script>并提供一个回调...
2019-10-13 08:08:18
149
转载 JS中Null与Undefined的区别
在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined?Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返...
2019-09-30 22:42:10
78
原创 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
207
原创 jquery一些事件
$("#abc").unbind('click'); 移除单击事件$("#abc").one('click',function(){ $("def").hide()}); 只执行一次的单击事件 $("#abc").click(function(){ $("def").toggle() }) 显示与隐藏的点击切换...
2019-09-13 09:31:45
149
原创 触发一个带有参数的一个方法,又想获取event对象,可以这个写
有时候有些业务需求是触发一个带参数的方法时,又想获取event对象,可以这么写:<input type="button" value="121212" onclick="eventTest(1,2)" /> <script type="text/javascript"> function eventTest(a,...
2019-07-18 18:34:45
1919
原创 ES6新东西
这里记录下自己遇到的ES6新东西,新技术:1.结构赋值 分对象的结构赋值和数组的结果赋值[a,b,c] = [1,2,3]//说明对象解构赋值与顺序无关let { bar, foo } = { foo: "aaa", bar: "bbb" };foo // "aaa"bar // "bbb"2.扩展运算符 三个点(...)3.箭头函数4.Obj...
2019-07-14 11:26:54
119
原创 DOC安装各种插件和框架的命令
安装node 百度下官网里下载安装包安装npm npm install -g cnpm --registry=https://registry.npm.taobao.org安装vue-cli cnpm install -g @vue/cli 检查vue -V安装vue-cli-service安装webpack环境:cnpm install webpack -g安装打...
2019-07-11 21:55:06
146
转载 转载: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
116
转载 Object.assign()的用法
原文:https://blog.csdn.net/dwb123456123456/article/details/833164711.Object.assign()基本用法:Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。let targetObj1 =...
2019-07-11 14:39:46
237
原创 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
168
原创 jQuery页面加载后执行的事件(3种方式)
jQuery页面加载后执行的事件(3种方式):1 $(function () { });2 $(document).ready(function () { });3 window.onload = function () { }
2019-07-08 16:31:04
6589
转载 转载:JS中将对象转化为数组
转载至https://www.cnblogs.com/wancheng7/p/8735168.html前言其实这本来应该是一个很基础的问题了,但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来,但最近再遇到这个问题时竟然又卡主了,所以,关于这个问题,如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成...
2019-06-27 11:15:41
305
转载 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
1888
原创 v-model 双向数据绑定原理
<div id="app"> </div><script> new Vue({ el:'#app', template:` <div> <input type="text" v-bind:value='...
2019-06-23 09:53:35
7846
原创 工作之谈,使用vue开发项目(不间断更新)
最近一,两个月都在用vue做一个后台管理中心系统,刚接触vue的时候看那些命令符号还是能看的懂,vue的特点是不去获取DOM元素(当然你想获取DOM,this.$refs.标记名来获取整个DOM对象),而是用data()里面的数据去控制DOM元素的变化。 常见的控制元素显示和隐藏,用v-if较多,也有v-show用的少。v-if=‘data’,data为true时...
2019-06-23 00:20:51
158
原创 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
197
原创 时间格式化方法,输出格式: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
4361
原创 获取隐藏ul下隐藏li的个数,来做判断显示还是隐藏。
最近工作中遇到一个需求,ul下的子元素li全部都是隐藏状态的话,整个ul都要隐藏掉,当有其中一个li不是隐藏的,ul要显示出来。实现方法:<ul class="qwe" style="display: none;"> <li style="display: none;">123456</li> <li...
2019-05-30 08:24:45
2471
原创 vue @click.native
1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用.native修饰符)2,等同于在自组件中: 子组件内部处理click事件然后向外发送click事件:$emit("click".fn)...
2019-05-19 13:25:12
1342
原创 利用时间戳判断来搞事情
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
504
原创 今天主要遇到一个右浮动的边框,当滚动超出后固定定位在最顶部的问题。
今天主要遇到一个右浮动的边框,当滚动超出后,固定定位在最顶部的问题。解决思路是在右浮动的div里在加一层div,外出div是做浮动用的,里层div则是做超出屏幕固定定位的元素来用,当超出后改写成position:fixed;top:0;宽度一定要给,可以提前设定固定值的宽度。这样当触发固定定位时,就不会跑去最左手边去了,或者变拉长。大概理解为当元素变成固定定位fixed时,没有top,le...
2019-04-29 23:19:05
560
原创 获取个,十,百,千,万,十万位。
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
2143
原创 有过渡效果的下拉菜单
自己写的一个带有过渡效果的下拉菜单,插件虽然多,但是这些小功能还是自己写的好,能按你的实际开发需求来。<style> .qing{margin-left: 300px;} .qing li{overflow: hidden; width: 300px;height: 50px;box-sizing: border-box;borde...
2019-04-21 12:11:22
308
原创 分享一个我遇到的绑定了单击事件却执行两次的案例
这是我在工作中遇到的一个绑定了单击事件却执行两次的案例,下面是一个demo例子:css样式: <style> .dhl{width: 150px;} .dhl li{width: 100%; box-sizing: border-box;color: #fff;background-color: rgba(0,0,0...
2019-04-21 11:55:58
310
原创 原生js写的一个全选,不全选功能。
<form action="" name="la"> <table> <tr> <td><input type="checkbox" val="1" name="ck"></td> ...
2019-04-21 11:31:33
369
原创 jQuery分页插件,代码少兼容性好
插件描述:jQuery分页插件,代码少兼容性好 1 2 3 4 5 6 7 $(".zxf_pagediv").createPage({ pageNum:20, current:6, backfun:function(e){ //conso...
2019-04-21 11:21:42
262
原创 简单实用的canvas圆形进度条插件
下载地址:http://www.jq22.com/jquery-info16255使用方法1.引入js插件progress.js2.在html中创建canvas、设置宽高、建议为正方形3.声明 1 2 3 4 5 6 7 8 9 10 11 varcvs=new...
2019-04-21 11:15:14
439
原创 简单实用的倒计时
<script> var intDiff = parseInt(10000); //倒计时总秒数量 function timer(intDiff) { window.setInterval(function() { var day = 0, hour = 0...
2019-04-21 11:09:09
478
转载 jquery的 size()与length的区别
size()跟length同样的功能,都是取元素的个数,那么他们的区别是什么呢,一个是方法一个是属性?从图中可以看到size()方法比length慢38%,原因何在?size: function () { return this.length;}可以看到size()的实质是调用对象的length属性实现的;意思是说在jquery 1.8里面,用length取代了size...
2018-12-07 23:42:09
223
转载 $(window).height() 和 $(document).height()的区别
$(window).height() 和 $(document).height()的区别$(window).height()代表了当前可见区域的大小,$(document).height()则代表了整个文档的高度,可视具体情况使用.当浏览器窗口大小改变时(如最大化或拉大窗口后) ,$(window).height() 随之改变,但是 $(document).height()是不变的。...
2018-12-01 22:17:19
9602
转载 ajax readyState五种状态及status状态码
文章原文 根据资料整理了一下ajax的readyState的五种状态和status的一些状态码:代码片段来源: https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000AJ...
2018-07-04 23:25:59
681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人