随笔档案「2018年3月」 - 缥缥缈

javascript继承的6种方法

摘要：1.原型链继承型链继承基本思想就是让一个原型对象指向另一个类型的实例 function SuperType() { this.property = true } SuperType.prototype.getSuperValue = function () { return this.proper 阅读全文

posted @ 2018-03-07 23:49 缥缥缈阅读(168) 评论(0) 推荐(0)

javascript对象的几种创建方式

摘要：1.工厂模式 function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); } 阅读全文

posted @ 2018-03-07 23:11 缥缥缈阅读(135) 评论(0) 推荐(0)

计算数组中每个元素出现的次数

摘要：var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice']; var countedNames = names.reduce(function (allNames, name) { if (name in allNames) { allNames[n 阅读全文

posted @ 2018-03-07 22:15 缥缥缈阅读(308) 评论(0) 推荐(0)

数组去重

摘要：let arr = [1,2,1,2,3,5,4,5,3,4,4,4,4]; let result = arr.sort().reduce((init, current)=>{ if(init.length 0 || init[init.length-1]!==current){ init.push 阅读全文

posted @ 2018-03-07 22:14 缥缥缈阅读(81) 评论(0) 推荐(0)

常见浏览器兼容问题

摘要：浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几阅读全文

posted @ 2018-03-07 22:11 缥缥缈阅读(156) 评论(0) 推荐(0)

js es6 数组方法整合

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //Array.from() 方法从一个类似数组或可迭代对象中创建阅读全文

posted @ 2018-03-07 22:07 缥缥缈阅读(943) 评论(0) 推荐(0)

完美的js运动框架

摘要：//完美运动框架，对象，json,函数function move(obj,json,funEnd){clearInterval(obj.timer);//清除定时器obj.timer= setInterval(function(){//同时开好几个对象定时器//声明一个变量，看下JSON中的属性点阅读全文

posted @ 2018-03-07 22:04 缥缥缈阅读(158) 评论(0) 推荐(0)

css3新增伪类

摘要：p:first-of-type 选择属于其父元素的首个 元素的每个 元素 p:last-of-type 选择属于其父元素的最后 元素的每个 元素 p:only-of-type 选择属于其父元素唯一的 元素的每个 元素 p:only-child 选择属于阅读全文

posted @ 2018-03-05 21:23 缥缥缈阅读(89) 评论(0) 推荐(0)