margin,padding百分比

对于前端的html,css自我感觉基础知识掌握的还可以,最近在牛客网网做题,深受打击,html可不能小瞧它呀!这不,稍不注意就踩着坑了。

回归正题:当margin,padding的值是百分比时,值得依据都是相对最近的父级块级元素的宽度

注意:是宽度 宽度 宽度!!! 重要的事说3遍。

more >>

深入理解JavaScript系列:作用域链(scope chain)


点击查看原文

作用域链

如果要简要的描述并展示其重点,那么作用域链大多数与内部函数相关。

ECMAScript 允许创建内部函数,我们甚至能从父函数中返回这些函数。

var x = 10;

function foo() { 
  var y = 20; 
  function bar() {
    alert(x + y);
  } 
  return bar; 
}

foo()(); // 30

这样,很明显每个上下文拥有自己的变量对象:对于全局上下文,它是全局对象自身;对于函数,它是活动对象。

作用域链正是内部上下文所有变量对象(包括父变量对象)的列表。此链用来变量查询。即在上面的例子中,“bar”上下文的作用域链包括AO(bar)、AO(foo)和VO(global)。

在进入上下文时函数声明放到变量/活动(VO/AO)对象中
var x = 10;

function foo() {
  var y = 20;
  alert(x + y);
}

foo(); // 30

[[scope]]是所有父变量对象的层级链,处于当前函数上下文之上,在函数创建时存于其中。

注意这重要的一点--[[scope]]在函数创建时被存储--静态(不变的),永远永远,直至函数销毁。即:函数可以永不调用,但[[scope]]属性已经写入,并存储在函数对象中。

var x = 10;

function foo() {
  alert(x);
}

(function () {
  var x = 20;
  foo(); // 10, but not 20
})();
小彭子 <br> 记性不太好的<br>前端开发妹子一枚 <br> 博客记录前端知识学习<br>笔记和平时生活七七八八