fishegg07-优快云博客

原创深拷贝的写法

最简单版本，适用于大多数场景： JSON.parse(JSON.stringify(target));手写简单版：const deepClone = (target) => { if(typeof target === 'object' && target !== null){ const cloneTarget...

2020-04-22 21:18:11 513

原创更换皮肤的小思路（自己想的）

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 207

原创模块设计模式

<body> <style> .abc{ width:100px; height:100px; } </style> <div class="abc"> </d...

2019-11-09 10:35:35 255

原创在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 3816

转载 cookies、sessionStorage和localStorage解释及区别

在浏览器查看HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）coo...

2019-10-14 21:34:37 140

原创 Object.defineProperty()

Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。语法Object.defineProperty(obj, prop, descriptor)参数obj要在其上定义属性的对象。prop要定义或修改的属性的名称。descriptor将被定义或修改的属性描述符。返回值 ...

2019-10-13 09:48:36 335

转载 JSONP原理及使用

极简解释：利用<script>标签没有跨域限制的“漏洞”（历史遗迹啊）来达到与第三方通讯的目的。当需要通讯时，本站脚本创建一个<script>元素，地址指向第三方的API网址，形如：<script src="http://www.example.net/api?param1=1&param2=2"></script>并提供一个回调...

2019-10-13 08:08:18 169

在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么时候是Null，什么时候又是Undefined?Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null。null用来表示尚未存在的对象，常用来表示函数企图返...

2019-09-30 22:42:10 97

原创 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 241

原创 jquery一些事件

$("#abc").unbind('click'); 移除单击事件$("#abc").one('click',function(){ $("def").hide()}); 只执行一次的单击事件 $("#abc").click(function(){ $("def").toggle() }) 显示与隐藏的点击切换...

2019-09-13 09:31:45 166

原创触发一个带有参数的一个方法，又想获取event对象，可以这个写

有时候有些业务需求是触发一个带参数的方法时，又想获取event对象，可以这么写：<input type="button" value="121212" onclick="eventTest(1,2)" /> <script type="text/javascript"> function eventTest(a,...

2019-07-18 18:34:45 1961

原创 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 138

原创 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 173

转载转载：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 133

转载 Object.assign()的用法

原文：https://blog.youkuaiyun.com/dwb123456123456/article/details/833164711.Object.assign()基本用法：Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。let targetObj1 =...

2019-07-11 14:39:46 279

原创 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 185

原创 jQuery页面加载后执行的事件(3种方式)

jQuery页面加载后执行的事件(3种方式):1 $(function () { });2 $(document).ready(function () { });3 window.onload = function () { }

2019-07-08 16:31:04 6682

转载转载：JS中将对象转化为数组

转载至https://www.cnblogs.com/wancheng7/p/8735168.html前言其实这本来应该是一个很基础的问题了，但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来，但最近再遇到这个问题时竟然又卡主了，所以，关于这个问题，如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成...

2019-06-27 11:15:41 329

转载 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 1915

原创 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 7881

原创工作之谈，使用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 179

原创 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 217

原创时间格式化方法，输出格式：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 4398

原创获取隐藏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 2529

原创 vue @click.native

1，给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用.native修饰符）2，等同于在自组件中：子组件内部处理click事件然后向外发送click事件：$emit("click".fn)...

2019-05-19 13:25:12 1358

原创利用时间戳判断来搞事情

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 533

原创今天主要遇到一个右浮动的边框，当滚动超出后固定定位在最顶部的问题。

今天主要遇到一个右浮动的边框，当滚动超出后，固定定位在最顶部的问题。解决思路是在右浮动的div里在加一层div，外出div是做浮动用的，里层div则是做超出屏幕固定定位的元素来用，当超出后改写成position:fixed;top:0;宽度一定要给，可以提前设定固定值的宽度。这样当触发固定定位时，就不会跑去最左手边去了，或者变拉长。大概理解为当元素变成固定定位fixed时，没有top，le...

2019-04-29 23:19:05 587

原创获取个，十，百，千，万，十万位。

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 2331

原创有过渡效果的下拉菜单

自己写的一个带有过渡效果的下拉菜单，插件虽然多，但是这些小功能还是自己写的好，能按你的实际开发需求来。<style> .qing{margin-left: 300px;} .qing li{overflow: hidden; width: 300px;height: 50px;box-sizing: border-box;borde...

2019-04-21 12:11:22 329

原创分享一个我遇到的绑定了单击事件却执行两次的案例

这是我在工作中遇到的一个绑定了单击事件却执行两次的案例，下面是一个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 334

原创原生js写的一个全选，不全选功能。

<form action="" name="la"> <table> <tr> <td><input type="checkbox" val="1" name="ck"></td> ...

2019-04-21 11:31:33 385

原创 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 284

原创简单实用的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 459

原创简单实用的倒计时

2019-04-21 11:09:09 504

转载 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 243

转载 $(window).height() 和 $(document).height()的区别

$(window).height() 和 $(document).height()的区别$(window).height()代表了当前可见区域的大小，$(document).height()则代表了整个文档的高度，可视具体情况使用.当浏览器窗口大小改变时(如最大化或拉大窗口后) ，$(window).height() 随之改变，但是 $(document).height()是不变的。...

2018-12-01 22:17:19 9645

转载 ajax readyState五种状态及status状态码

文章原文根据资料整理了一下ajax的readyState的五种状态和status的一些状态码：代码片段来源： https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000AJ...

2018-07-04 23:25:59 761

fishegg07的博客