![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JohnWakeman20
这个作者很懒,什么都没留下…
展开
-
JS实现对象属性的克隆
原生JS实现对象属性的克隆。浅层克隆实现步骤如下:1.判断是不是原型链上的属性2.属性的克隆 function clone(origin, target) { var target = target || {}; for(var prop in origin) { if (origin.hasOwnProperty(prop))...原创 2019-03-10 14:55:44 · 1092 阅读 · 0 评论 -
关于类数组
关于类数组 function test() { console.log(arguments); //arguments.push(7); } test(1, 2, 3, 4, 5, 6); //[1, 2, 3, 4, 5, 6, 7,]此处的arguments就是一个类数组,它看起来像数组,但不具备数组的方法,如push()和spl...原创 2019-03-11 12:35:01 · 155 阅读 · 0 评论 -
HTML5 canvas画板
HTML5的canvas实现简单的画板功能,有时间可以再完善一下。window.onload =function () { var canvas = document.getElementById('myCanvas'),iLastX,iLastY,iX,iY, mouseIsDown, cxr = c...原创 2019-03-19 21:41:04 · 751 阅读 · 0 评论 -
函数防抖和函数节流
函数防抖:多次触发事件后,事件处理函数只执行一次并且在触发结束时执行。比如客户端用户上传或下载数据时,在用户多次点击只触发一次。function debounce(method, delay) { let timer; return function () { let args = arguments; timer && clearTimeout(timer...原创 2019-04-04 16:33:49 · 129 阅读 · 0 评论 -
数组去重
数组去重var arr = [1, 2, 3, 3, 2, 1];//将数组去重变成[1, 2, 3]直接上代码 Array.prototype.unique = function () { var temp = {}, arr = [], len = this.length; for(var i = 0;...原创 2019-03-11 14:09:18 · 188 阅读 · 0 评论 -
将rgb格式转换为#xxxxxx的16进制格式
在CSS中经常要将rgb()格式转换为16进制格式,我是通过正则表达式来实现的。function rgb2hex(sRGB) { let re = /rgb\((\d+),\s*(\d+),\s*(\d+)\)/, ret = sRGB.match(re), head = "#"; if(!ret) return sRGB; else {...原创 2019-04-10 21:35:54 · 5871 阅读 · 0 评论 -
Vue插槽(slot)详解
插槽是Vue中很重要的一部分,官方文档的这一小节对初学者还是不太友好…总结一下,插槽可以分为几点:1.插槽内可以放置的内容2.默认插槽3.具名插槽4.插槽作用域一.插槽的内容一句话:插槽内可以是任意内容。先看一下下面的代码:声明一个child组件,如果现在我想在这个组件内放置一些内容,结果会是怎样?<div id="#app"> <child><...原创 2019-06-01 16:12:30 · 392 阅读 · 0 评论