前端基础js篇

1.强制类型转换和隐式类型转换

强制转换:parseInt()、parseFolat()、Number()、String()、.toString()、Boolean()
隐式转换:加(例外:不能是算式中,而需要加在变量前)减乘除及取余,!!

2.call和apply的区别

call(thisObj,arg1,arg2)
定义:调用一个对象的一个方法,以另一个对象替换当前对象
说明:call方法可以用来代替另一个对象调用一个方法。
apply(thisObj,[argArray])
定义:应用某一对象的一个方法,用另一个对象替换当前对象
argArray,必须是数组或者arguments

3.javascript的本地对象,内置对象和宿主对象分别是什么?

本地对象:
Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError
由此可以看出,简单来说,本地对象就是 ECMA-262 定义的类(引用类型)。
内置对象:Gload,Math
由 ECMAScript 实现提供的、独立于宿主环境的所有对象,在 ECMAScript 程序开始执行时出现”。这意味着开发者不必明确实例化内置对象,它已被实例化了。
宿主对象:document、window

4.window.onload和document.ready的区别

1.window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数document.ready原生种没有这个方法,jquery中有$().ready(function),在dom文档加载完之后执行一个函数(注:这里面的文档树加载完不代表全部文件加载完)。
2.$(document).ready要比window.onload先执行。
3.window.onload只能出来一次,$(document).ready可以出现多次。

5.javascript的同源策略

一段脚本只能读取来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合

6. 如何判断某变量是否为数组数据类型?

Array.isArray([])

7.javascript的事件流模型都有什么?

“事件冒泡”:事件开始由最具体的元素接收,然后逐级向上传播。
“事件捕捉”:事件由最不具体的节点现接受,然后逐级向下,一直到最具体的。
“DOM事件流”:三个阶段:事件捕捉,目标事件,事件冒泡

8.闭包,闭包的作用

闭包就是能够读取其他函数内部变量的函数。闭包是将函数内部和函数外部链接起来的桥梁。
作用:可以读取函数内部的变量让这些变量的值始终保持在内存中
缺点:1.闭包的缺点就是会增大内存使用量,并且使用不当容易造成内存泄漏。
2.如果不是因为某些特殊任务而需要使用闭包,在没有必要的情况下,在其他函数内创建函数是不明智的,因为闭包对脚本性能具有负面影响,包括处理速度和内存消耗。

9.什么是内存泄露

内存泄漏(Memory Leak)是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。

10.作用域,作用域链?

作用域:就是变量与函数的可访问范围。作用域分为全局作用域(所声明的变量全局都可以访问),局部作用域(所声明的变量只在其内部可以访问)。
作用域链:当我们在一个函数内部访问当前作用域内不存在的变量时,就会逐层向外查找,如果一直找不到就会报错。当我们在局部作用域中,调用外部变量时,就产生了作用域链。

11.描述一次完整的http请求?

1.DNS(域名解析),获取域名对应的IP地址
2.浏览器与服务器建立tcp链接(三次握手)。
第一次握手:客户端发送一个请求连接,服务器只能确认自己可以接受客户端发送的报文段。
第二次握手:服务端向客户端发送一个链接,确认客户端收到自己发送的报文段。
第三次握手:服务器确认客户端收到了自己发送的报文段。
3.浏览器想服务器发送http请求(请求和传输数据)。
4.服务器接受到这个请求后,根据路径参数,经过后端的一些处理生成html代码返回给浏览器。
5.浏览器拿到完整的html页面代码开始解析和渲染,如果遇到外部的css或者js,图片一样的步骤。
6.浏览器根据拿到的资源对页面进行渲染,把一个完整的页面呈现出来。

12.浏览器如何渲染页面

流程:解析html以及构建dom树-->构建render树-->布局render树-->绘制render树
1.构建DOM树: 渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树。
2.构建渲染树: 解析对应的css样式文件信息(包括js生成的样式和外部的css)。
3.布局渲染树:从根节点递归调用,计算每一个元素的大小,位置等。给出每个节点所在的屏幕的精准位置。
4.绘制渲染树:遍历渲染树,使用UI后端层来绘制每一个节点。

13.js原型链

1.什么是原型链
每个对象都可以有一个_proto_,这个原型还可以有它自己的的原型,以此类推,形成一个原型链。查找特定属性的时候,我们先去这个对象里去找,如果没有的话就去它的原型对象里面去,如果还是没有的话再去向原型对象的原型对象里去寻找......这个操作被委托在整个原型链上,这就是我们说的原型链了。
2.原型指针
我们知道了原型的概念,接下来我们就按照上面的图来具体分析一个原型的指针;

14.判断一个数据的类型

Object.prototype.toString.call(''); //[object String] 后一个值必定为准确的结果

你可能感兴趣的:(前端基础js篇)