自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 问答 (1)
  • 收藏
  • 关注

原创 ES6语法(11)

ES6中的类一、定义类的基本方法        {            class Parent{                            }        }此时定义了一个空的类,没有具体内容。constructor是构造函数,实例化还是用new。        {            class Parent{ 

2017-05-24 14:00:52 158

原创 ES6语法(10)

数据结构Map与Array对比Set与Array对比Map与Object对比Set与Object对比一、Map与Array对比数据结构横向对比,增删改查。1.增array,push  /    array.unshiftmap.set2.查map.has();array.find(item=>item.t);  /

2017-05-24 12:54:52 171

原创 ES6语法(9)

Set和Map数据结构一、SetES6提供了新的数据结构——Set,它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。1.Set利用add()添加成员        {            let list= new Set();            list.add(1);            list

2017-05-24 11:23:05 199

原创 ES6语法(8)

Symbol用法Symbol的作用声明独一无二的变量        {            let a1 = Symbol();            let a2 = Symbol();            console.log(a1===a2);  //false                        let a3= Symbol.for("a

2017-05-24 10:16:28 185

原创 ES6语法(7)

对象扩展一、简洁表达式        {            let o = 1;            let x = 2;            let es6 = {                o,                x            }            console.log(es6);    //{o:1,x:2

2017-05-23 22:00:37 214

原创 ES6语法(6)

函数扩展一、参数默认值        {            function test(x, y="world"){                console.log(x,y);            }            test("hello");   //hello world            test("hello","jack");   //

2017-05-23 21:16:40 160

原创 ES6语法(5)

数组扩展1.Array.of  把一组数据转变为数组        {            let arr = Array.of(1,3,4,5,6);            console.log(arr);   // [1,3,4,5,6]        }2.Array.from  当只有一个参数的时,把伪数组转化为数组当有两个参数时

2017-05-23 16:10:56 196

原创 ES6语法(4)

数值扩展一、新增方法1.Number.isFinite()  是否是有限的2.Number.isNaN()  is not a number?3.Number.isInteger()   是否是整数Number.isInteger(25);  //trueNumber.isInteger(25.0);  //true必须传入数字,如果传入的是

2017-05-23 15:46:26 189

原创 ES6语法(3)

字符串扩展一、unicode编码例一              console.log("\u20BB7");   // ₻7(错误)        console.log("\u{20BB7}");  //

2017-05-23 14:25:25 137

原创 ES6语法(2)

解构赋值一、数组解构赋值例一           {            let a,b;            [a,b]=[1,2];            console.log(a);  //1            console.log(b);  //2        }例二           {         

2017-05-22 21:07:44 151

原创 ES6语法(1)

let和const一、let和var的区别let声明的变量只在自己的块作用域有效function text1(){    for(let i=1;i        console.log(i);    }    console.log(i);}text1(); //  1  2   i is not defined

2017-05-22 17:57:47 125

原创 HTML5复习 (16)

CSS3动画animation一、animation-name检索或设置动画名称animation-name:keyframename | none;keyframename 绑定到选择器的关键帧名称(后面详细做笔记)none: 指定有没有动画二、animation -durationanimation-duration:time

2017-05-06 15:44:21 148

原创 HTML5复习 (15)

CSS3过渡transition允许CSS的属性值在一定的时间内平滑的过渡。在鼠标点击,获得焦点,被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。

2017-05-06 15:43:08 185

原创 HTML5复习 (14)

CSS3中的扩展属性一、transform-style属性指定嵌套元素怎么在3D空间中实现transform-style:flat | preserve-3d;二、perspective观察者与Z=0平面的距离,具有3d效果的元素将有透视效果。perspective:500px;三、perspective-orig

2017-05-04 19:50:59 173

原创 HTML5复习 (13)

CSS3中的matrixtransform:matrix(1,0,0,1,x,y)就相当于transfrom:translate(x,y)firefox需要添加单位,webkit默认px,translate等要加单位translate就是matrix的简写方式矩阵中的缩放matrix(sx,0,0,sy,0,0)相当于scale(sx,sy)矩阵

2017-05-04 19:49:54 148

原创 HTML5复习 (12)

CSS3 3D转换一、rotatetransform: rotateX(); //绕着X轴旋转transform: rotateY();  //绕转Y轴旋转transform: rotateZ(); //绕转Z轴旋转transform: rotate3d(x,y,z,angle); // 第四个参数不能省略二、translatetransfo

2017-05-03 16:37:41 127

原创 HTML5复习 (11)

CSS3转换一、rotate  旋转transform:rotate(angle);transform:rotate(8deg);angle 正数表示顺时针,负数表示逆时针。

2017-05-02 22:11:46 185

原创 HTML5复习 (10)

CSS3渐变一、线性渐变background:linear-gradient(direction,color-stop1,color-stop2,...)direction方向(默认从上到下,不写就是从上到下),color-stop1开始颜色color-stop2结束颜色1.水平方向    webkit写开始方向    moz、o 写结束方向  

2017-05-02 21:02:00 207

原创 HTML5复习 (9)

一、CSS3背景图像区域    background-clipbackground-clip:border-box;  //从边框开始显示图像,边框之外会被裁剪background-clip:padding-box;  //从内边距框开始显示图像,边框之外会被裁剪background-clip:content-box;  //从内容框开始显示图像,边框之外会被裁剪

2017-05-02 20:17:44 179

原创 HTML5复习 (8)

CSS3边框与圆角

2017-05-01 19:17:08 146

原创 清除浮动方法

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{height:0;line-height:0;visibility:hidden;clear:both}

2017-04-29 16:09:33 114

原创 HTML5复习 (7)

链接属性一、size二、target  //所有的超链接都变成弹出新窗口三、超链接的新增属性a:media=  表示对设备进行优化  handhelp 对手持设备进行支持  tv对电视进行支持a:herflang="zh"  设置语言a:rel="external" 设置超链接的引用 这里超链接为外部链接其他属性

2017-04-28 11:22:47 169

原创 HTML5复习 (6)

表单属性一、autocomplete属性form和input应该拥有自动完成功能    提交一次后会有提示功能,自动补全曾经输入过的内容,不希望他有就在input上关闭。二、autofocus规定加载页面时,自动获得焦点。autofocus">三、multiple规定可以选多个值  //可以输入多个邮件地址,用;分开

2017-04-28 11:22:06 131

原创 HTML5复习 (5)

其他标签一、  注释标签,定义注释或音标标记定义对ruby的注释内容文本一个需要注释的例子貔Pi。 告诉不支持ruby的浏览器如何去显示,把括号放在rp里面一个需要注释的例子貔 ( Pi ) 。二、使文本有标记(黄色选中状态)需要标记的文本三、

2017-04-28 10:15:21 205

原创 HTML5复习 (4)

列表标签为Input标记定义一个下拉列表 配合option标记定义一个元素的详细内容,配合summary一、    iPhone    HTC    samSung    Meizu会出现类似搜索引擎的提示

2017-04-28 10:14:06 150

原创 HTML5复习 (3)

状态标签  chrome  opera  chrome  firefox  opera 一、meter实时状态显示:气压、气温等里面属性的含义现在的值是220最小值20最大值380低于180会出现警告红颜色高于240会出现警告黄颜色最优值是22075%如果不定义最大值和最小值 就会自动按

2017-04-27 21:51:09 143

原创 HTML5复习 (2)

多媒体标签

2017-04-27 20:53:15 152

原创 HTML5复习 (1)

指示浏览器关于页面使用哪个HTML版本编写的指令。DTD是文档类型定义 ,可定义合法的XML文档构建模块,它使用一系列合法的元素来定义文档啊的结构。DTD规定了标记语言的规则,浏览器就能正确的显示内容。HTML5不基于SGML,所以不需要引用DTD。一、H5新增的标签1、结构标签(块状元素)——有意义的DIV  标记定义一篇文章 标记定义一个页面或区

2017-04-26 13:50:34 294

原创 复习JQ (10)

JQ中的Ajax$.ajax({    url:"xxx.php",    data:"name=jack&age=20",    type:"POST",    success:function(data){        alert(data);  //data就是请求成功之后的内容    },    error:function(){     

2017-04-23 20:55:33 165

原创 复习JQ (9)

$下的常用方法   不仅可以给JQ用 也可以给原生用$.type();$.trim();$.inArray();$.proxy();$.noConflict();$.parseJSON();$.makeArray();一、$.type();类似typeof 但是比typeof能判断的类型更多var  a = new Date;

2017-04-23 20:12:37 150

原创 复习JQ (8)

JQ中的插件$.extend  扩展的是工具方法下的插件  $.xxx()$.fn.extend  扩展到JQ对象下的插件形式  $().xxx

2017-04-23 10:30:04 155

原创 复习JQ (7)

JQ中的动画一、animate();第一个参数 接受Json  代表目标值 第二个参数 规定时间 默认400  第三个参数 规定运动的形式 只有两种运动形式:默认 swing(慢快慢) linear(匀速)第四个参数 回调函数animate({"width":300, "height":300},3000,"linear",f

2017-04-23 10:04:42 213

原创 复习JQ (6)

要复习的方法get()一、get()将JQ转为原生JS 接受一个参数 指定某个索引值的JQ变为JS$("div").get().innerHTML;$("div").get(0).innerHTML; // 第一个div或者利用$("div")[0] 直接转为JS二、

2017-04-22 13:50:15 220

原创 复习JQ (5)

动画方法hover()show()  hide()fadeIn()  fadeOut()slideDown()  slideUp()fadeTo()一、hover 接受两个函数 第一个是鼠标移入 第二个是鼠标移出$("div").hover(function(){    $(this).css("background","red");},

2017-04-22 10:59:54 151

原创 复习JQ (4)

ev  pageX  which preventDefault()   stopPropagation()one()offset()  position()offsetParent()val()size()each()一、 关于ev  pageX  which$("div

2017-04-21 16:16:28 259

原创 复习JQ (3)

常用方法remove()on()  off()scrollTop()一、remove()$("div").remove();  // 删除这个节点二、on()  off()on  绑定事件$("div").on("click",function(){    alert(1);})

2017-04-21 15:31:15 166

原创 复习JQ (2)

常用方法 addClass()  removeClass()width()   outerWidth()  innerWidth()insertBefore()   before()insertAfter()  after()appendTo()  append()prependTo()  prepend(

2017-04-20 15:45:26 171

原创 复习JQ (1)

学习笔记

2017-04-20 14:35:37 252

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除