无标题文章

清除浮动

http://www.jianshu.com/p/09bd5873bed4
css bfc模型

vue的路由
闭包的原理 why可以访问内部变量

全局作用域:
1作用域最外层的函数和变量
2window的属性window对象的内置属性都拥有全局作用域,例如window.name、window.location、window.top
3函数中未定义直接赋值变量
局部作用域

react
typeof 返回值
事件冒泡 委托

什么是 “use strict”? 使用它的好处和坏处是什么?

严格模式是ES5引入的,更好的将错误检测引入代码的方法。顾名思义,使得JS在更严格的条件下运行。

变量必须先声明,再使用
function test(){
"use strict";
foo = 'bar'; // Error
}

不能对变量执行delete操作
var foo = "test";
function test(){}

delete foo; // Error
delete test; // Error

function test2(arg) {
delete arg; // Error
}
对象的属性名不能重复
{ foo: true, foo: false } // Error

禁用eval()

函数的arguments参数
setTimeout(function later(){
// do stuff...
setTimeout( later, 1000 );
}, 1000 );

禁用with(){}

不能修改arguments
不能在函数内定义arguments变量
不能使用arugment.caller和argument.callee。因此如果你要引用匿名函数,需要对匿名函数命名。

一个页面从输入 URL 到页面加载完的过程中都发生了什么事情?越详细越好(考察知识广度)

1. http客户端发起请求,创建一个端口,默认是80

2. 然后http服务器在端口监听客户端的发送请求

3. 最后服务器向客户端返回状态和内容

4. 浏览器根据接收到的内容进行解析

viewport的含义
浏览器窗口
在移动端分为 虚拟的viewportvisualviewport和布局viewportlayoutviewport

viewport全部属性&值如下:
width: viewport宽度 document.document.clientWidth
height: viewport高度
initial-scale: 初始缩放比例
maximum-scale: 最大缩放比例
minimum-scale: 最小缩放比例
user-scalable: 是否允许用户缩放

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕物理分辨率的高: window.screen.height
屏幕物理分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth

屏幕缩放因子:window.devicePixelRatio

屏幕逻辑分辨率:window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)

你可能感兴趣的:(无标题文章)