摘要: why?call,apply,bind干什么的?为什么要学这个? 一般用来指定this的环境,在没有学之前,通常会有这些问题。 我们是想打印对象a里面的user却打印出来undefined是怎么回事呢?如果我们直接执行a.fn()是可以的。 这里能够打印是因为,这里的this指向的是函数a,那为什么 阅读全文
posted @ 2018-05-05 16:06 朱珠的猪 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象 例子1: 按照我们上面说的this最终指向的是调用它的对象,这里的函数a实际是被Window对象所点出来的,下面的代码就可以证明。 和上面代码一样 阅读全文
posted @ 2018-05-05 15:27 朱珠的猪 阅读(146) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap.css"></head><body> <div class 阅读全文
posted @ 2018-05-05 14:26 朱珠的猪 阅读(6917) 评论(0) 推荐(1) 编辑
摘要: 变量的作用域: 每个函数来定义作用域,函数内部用var来声明的,他们的作用域只在本函数内有用。函数可以用来创造函数作用域。此时的函数像一层半透明的玻璃,在函数里面可以看到外面的变量,而在函数外面无法看到函数里的变量。 function Foo() { var i = 0; return functi 阅读全文
posted @ 2018-05-05 10:22 朱珠的猪 阅读(98) 评论(0) 推荐(0) 编辑
摘要: flex:定义布局为盒模型 flex-v:盒模型垂直布局 flex-1:子元素占据剩余的空间 flex-align-center:子元素垂直居中 flex-pack-center:子元素水平居中 flex-pack-justify:子元素两端对齐 .flex { display: -webkit-b 阅读全文
posted @ 2018-04-08 10:10 朱珠的猪 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 1.之前要实现横列的web布局,通常就是float或者display:inline-block;但是都不能做到真正的流体布局。至少width要自己去算百分比。 2.flexiblebox就可以实现真正意义上的流体布局。只要给出相应属性,浏览器会帮我们做额外的计算。 3.box-flex是css3新添 阅读全文
posted @ 2018-03-06 15:55 朱珠的猪 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 1. 方法一 table-cell 2.css盒模型 阅读全文
posted @ 2018-03-06 15:09 朱珠的猪 阅读(475) 评论(0) 推荐(0) 编辑
摘要: js代码解析原则 首先js引擎在读取js代码时会进行两个步骤,第一个步骤是解释,第二个步骤是执行。 所谓解释就是会先通篇扫描所有的Js代码,然后把所有声明提升到顶端,第二步是执行,执行就是操作一类的。 例子1: 1 2 3 4 5 以上代码输出 undefined 原因: 变量提升(把变量声明提升到 阅读全文
posted @ 2018-02-26 15:48 朱珠的猪 阅读(187) 评论(0) 推荐(0) 编辑
摘要: JavaScript中的每个对象都有一个prototype属性,我们称之为原型,而原型的值也是一个对象,因此它也有自己的原型,这样就串联起来了一条原型链,原型链的链头是object,它的prototype比较特殊,值为null。 原型链的作用是用于对象继承,函数A的原型属性(prototype pr 阅读全文
posted @ 2018-02-26 15:20 朱珠的猪 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 当执行一段JavaScript代码(全局代码或函数)时,JavaScript引擎会创建为其创建一个作用域又称为执行上下文(Execution Context),在页面加载后会首先创建一个全局的作用域,然后每执行一个函数,会建立一个对应的作用域,从而形成了一条作用域链。每个作用域都有一条对应的作用域链 阅读全文
posted @ 2018-02-26 15:11 朱珠的猪 阅读(77) 评论(0) 推荐(0) 编辑