自定义博客皮肤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.unshift map.set 2.查 map.has(); array.find(item=>item.t);  /

2017-05-24 12:54:52 171

原创 ES6语法(9)

Set和Map数据结构 一、Set ES6提供了新的数据结构——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 212

原创 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);  //true Number.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 -duration animation-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中的matrix transform: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转换 一、rotate transform: rotateX(); //绕着X轴旋转 transform: rotateY();  //绕转Y轴旋转 transform: rotateZ();  //绕转Z轴旋转 transform: rotate3d(x,y,z,angle);  // 第四个参数不能省略 二、translate transfo

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-clip background-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会出现警告黄颜色 最优值是220 75% 如果不定义最大值和最小值 就会自动按

2017-04-27 21:51:09 143

原创 HTML5复习 (2)

多媒体标签

2017-04-27 20:53:15 151

原创 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关注的人

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