- 博客(17)
- 收藏
- 关注
RSS订阅转载 canvas 画板
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body { background: black; text-align: center; } #cans { bac...
2018-03-15 12:12:00
139
转载 用canvas 画饼状图
<canvas id="cans" height="800" width="1200" ></canvas> <script> function disToRad(n){ // 把角度转换为弧度 return n*Math.PI/180; //π用PI表示，π=180°，所以1°=PI/180 } ...
2018-03-15 12:01:00
127
转载 javascript继承的6种方法
1.原型链继承为了让子类继承父类的属性（也包括方法），首先需要定义一个构造函数。然后，将父类的新实例赋值给构造函数的原型。 function Parent(){ this.name = 'mike'; } function Child(){ this.age = 12; } Child.protot...
2018-03-08 00:25:00
101
转载 javascript对象的几种创建方式整理
1.工厂模式//工厂模式虽然解决了创建多个相似对象的问题，但却没有解决对象识别的问题（即怎样知道一个对象的类型）。 function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sa...
2018-03-07 21:36:00
105
转载 计算数组中每个元素出现的次数
var name = ['suga', 'bts', 'suga', 'v', 'jimin'];var countedNames = names.reduce(function (allNames, name) { if (name in allNames) { allNames[name]++; } else { allNames[na...
2018-03-07 21:07:00
307
转载 数组去重
先用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]!=current){ init.push(current); } ...
2018-03-07 21:01:00
91
转载 es6 Array数组方法
1.concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组 let array1=['a','b','c']; let array2=['d','e','f']; console.log(array1.concat(array2));//两个数组合并为一个新数组： let array1=['a','b','c']; var array2=...
2018-03-07 19:52:00
153
转载 常见的兼容问题
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。浏览器...
2018-03-05 22:50:00
110
转载 css3新增伪类
1、p:first-of-type 选择属于其父元素的首个<p>元素的每个<p>元素2、p:first-child , 匹配属于其父元素中的首个子元素(子元素:first-child) table tr:first-child{}3、p:last-of-type 选择属于其父元素...
2018-03-05 21:26:00
105
转载 完美的js运动框架
//完美运动框架， 对象，json,函数 function move(obj,json,funEnd){ clearInterval(obj.timer);//清除定时器 obj.timer= setInterval(function(){//同时开好几个对象定时器 //声明一个变量，看下JSON中的属性点是已经达到==目标点是都已经完成 var flag=tru...
2017-12-23 22:58:00
90
转载 IE浏览器兼容问题
1、margin兼容性问题 1）margin-top传递，子元素上下margin会传递给父级 阻止：触发BFC（如overflow:hidden;拯救标准浏览器及IE78）、触发IE的haslayout zoom:1（拯救IE67）; 2）上下margin叠压（触发条件：同级元素，第一个元素的下与第二个元素的上会叠压在一起） 解决方案：两个元素分开设置ma...
2017-11-12 18:40:00
133
转载 CSS3高级
CSS3高级Day01 复杂选择器 内容生成 多列 CSSHack(浏览器兼容)1、兄弟选择器 匹配指定元素的相邻兄弟元素 1、相邻兄弟选择器 匹配相邻的元素 匹配当前元素【后面】的【一个】元素，前提两者必须拥有相同父元素 语法： selctor1+selector2 通过 + 作为结合符 e...
2017-11-12 18:16:00
81
转载 css3动画
1.当在@keyframes创建动画，把它绑定到一个选择器，否则动画不会有任何效果。指定至少这两个CSS3的动画属性绑定向一个选择器：规定动画的名称规定动画的时长 div { animation: myfirst 5s; -webkit-animation: myfirst 5s; /* Saf...
2017-11-12 17:54:00
143
转载 盒子模型
一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。1.不同部分的说明：Margin(外边距)- 清除边框外的区域，外边距是透明的。Border(边框)- 围绕在内边距和内容外的边框。Padding(内边距)-...
2017-11-12 17:42:00
88
转载 php环境安装步骤
下载好所需要的软件 (含phpmywind phpstudy navicat for my sql )如果Navicat 的试用期过期,请使用通杀navicat 的通杀Navica11_2-XXX软件进行破解,在破解之前请记得关闭 navicat 相关程序,直到看到path successfully 说明破解成功正式开始安装首先我们将下载好的phpmywind相关软件改名...
2017-11-12 17:17:00
139
转载 sublime text3插件和快捷键
Emmet插件Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件它让编写HTML代码变得极其简单高效基本用法：输入标签简写形式，然后按Tab键JsFormat插件这是一款将JS格式化的插件同样使用Package Control安装JsFormat插件后即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+...
2017-11-12 17:09:00
160
转载 PHP总结
PHP能做什么PHP 可以生成动态页面内容PHP 可以创建、打开、读取、写入、关闭服务器上的文件PHP 可以收集表单数据PHP 可以发送和接收 cookiesPHP 可以添加、删除、修改您的数据库中的数据PHP 可以限制用户访问您的网站上的一些页面PHP 可以加密数据PHP基本语法PHP 脚本可以放在文档中的任何位置。PHP 脚本以 ...
2017-10-26 18:09:00
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人