前端面试题（一）

浏览器内核

谷歌 blink内核

火狐 gecko内核

ie trident内核

opera presto内核

js中定义一个类

DOM元素.classList.add（“类名”）

js中的数据类型

初始数据类型：null undefined number boolean symbol string

引用数据类型：数组 对象 函数

装箱和拆箱

装箱：把具体的之转化成对象

拆箱：把具体的值装化成对象

web跨域问题的解决方法

jsonp

​ 需要远程的服务器返回响应的数据符合格式

​ 1.创建script标签对 src 给地址，把参数传过去 传一个回调函数

url=“http：8080/a=fn”

get fn+”（”+fdaf+”)”

代理

webpack开发环境和生产环境配置

开发环境的依赖放在devdependencies下

生产环境放在dependencies

git里面hook（钩子）的用法

git-am执行的时候钩子调用

声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令

1+null=1 1+undefined=NAN

判断浏览器对象

navigator

怎样判断一个对象属于某一个类

instanceof——

虚拟dom

直接用js实现dom树，组件中html结构并不会生成dom元素，而是映射生成虚拟的js Dom’结构，再通过diff算法计算出最小变更，将变更写入到文件中，由于减少了实际操作dom的次数，性能会大大提升

diff算法就是用来算出要更新的最小的部分

call（）和apply的区别

call可以传多个参数

apply只能接受两个参数（thisobj，【1,2,3】）

json的理解

json的结构有两种 对象或数组

src 与 href 的区别

src 引入一个东西 是必不可少的一部分

href 关联一个东西

3次握手 4次挥手

this的理解

this是函数在运行时自动生成的一个内部对象

iframe的优缺点

• 浏览器的后退按钮失败
• 页面中出现滚动条
• 调出麻烦
• 小型设备无法显示完全

node的优缺点

采用事件驱动异步编程

采用了非阻塞式IO

轻量高效

缺点：可靠性低，单进程单线程只支持单核CPU

列举三种强制类型转化和2中隐式类型转换

parseInt parseFloat number

+-

普通的事件和事件绑定有什么区别‘

普通的事件会被覆盖，时间绑定完全不用担心

怎样兼容安卓和ios

​

盒子模型和弹性布局

盒子模型有两种 IE的盒模型的宽高包括了margin padding 标准的 盒模型不包括这些

大div包含