- 博客(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
原创 清除浮动方法
.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复习 (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
空空如也
做网页的时候 为什么我的div宽度都被限制了
2017-02-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人