2018年3月15日
canvas 画板
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body { background: black; text-align: center; } #cans { background: white; 阅读全文
posted @ 2018-03-15 12:12 Suga不能忍 阅读(115) 评论(1) 推荐(0) 编辑
用canvas 画饼状图
摘要： <canvas id="cans" height="800" width="1200" ></canvas> <script> function disToRad(n){ // 把角度转换为弧度 return n*Math.PI/180; //π用PI表示，π=180°，所以1°=PI/180 } 阅读全文
posted @ 2018-03-15 12:01 Suga不能忍 阅读(217) 评论(1) 推荐(0) 编辑
2018年3月8日
javascript继承的6种方法
摘要： 1.原型链继承 为了让子类继承父类的属性（也包括方法），首先需要定义一个构造函数。然后，将父类的新实例赋值给构造函数的原型。 2.借用构造函数（类式继承） 3.组合继承 4.原型式继承 这种继承借助原型并基于已有的对象创建新对象，同时还不用创建自定义类型的方式称为原型式继承 5.寄生式继承 这种继承 阅读全文
posted @ 2018-03-08 00:25 Suga不能忍 阅读(123) 评论(0) 推荐(0) 编辑
2018年3月7日
javascript对象的几种创建方式整理
摘要： 1.工厂模式 //工厂模式虽然解决了创建多个相似对象的问题，但却没有解决对象识别的问题（即怎样知道一个对象的类型）。 function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.jo 阅读全文
posted @ 2018-03-07 21:36 Suga不能忍 阅读(108) 评论(0) 推荐(0) 编辑
计算数组中每个元素出现的次数
摘要： var name = ['suga', 'bts', 'suga', 'v', 'jimin'];var countedNames = names.reduce(function (allNames, name) { if (name in allNames) { allNames[name]++; 阅读全文
posted @ 2018-03-07 21:07 Suga不能忍 阅读(182) 评论(0) 推荐(0) 编辑
数组去重
摘要： 先用sort 进行简单排序,再用reduce去重let arr=[1,2,3,1,2,3,4,4,5,3,4,6];let results=arr.sort().reduce((init,current)=>{ if(init.length==0||init[init.length-1]!=curr 阅读全文
posted @ 2018-03-07 21:01 Suga不能忍 阅读(91) 评论(0) 推荐(0) 编辑
es6 Array数组方法
摘要： 1.concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组 let array1=['a','b','c']; let array2=['d','e','f']; console.log(array1.concat(array2)); //两个数组合并为一个新数组： 阅读全文
posted @ 2018-03-07 19:52 Suga不能忍 阅读(240) 评论(0) 推荐(0) 编辑
2018年3月5日
常见的兼容问题
摘要： 浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几 阅读全文
posted @ 2018-03-05 22:50 Suga不能忍 阅读(168) 评论(0) 推荐(0) 编辑
css3新增伪类
摘要： 1、p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素 2、p:first-child , 匹配属于其父元素中的首个子元素(子元素:first-child) table tr:first-child{} 3、p:last-of-type 选择属于其父元素的最后  阅读全文
posted @ 2018-03-05 21:26 Suga不能忍 阅读(186) 评论(0) 推荐(0) 编辑
2017年12月23日
完美的js运动框架
摘要： //完美运动框架， 对象，json,函数 function move(obj,json,funEnd){ clearInterval(obj.timer);//清除定时器 obj.timer= setInterval(function(){//同时开好几个对象定时器 //声明一个变量，看下JSON中 阅读全文
posted @ 2017-12-23 22:58 Suga不能忍 阅读(200) 评论(0) 推荐(0) 编辑
下一页