- 博客(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
原创 清除浮动方法
.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复习 (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关注的人