lb2333-CSDN博客

原创 08-react高频面试题

react高频面试题1、什么是虚拟DOM？虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。2、虚拟DOM实现的原理？1)虚拟DOM本质上是JavaScript对象,是对真实DOM的抽象2)状态变更时，记录新树和旧树的差异3)最后把差异更新到真正的dom中3、类组件和函数组件之间的区别是啥？类组件可以使用其他特性，如状态 state 和生命周期

2022-02-27 12:45:14 454

原创 07-vue阶段高频面试题

####1、怎么理解mvvm这种设计模式 Model–View–ViewModel （MVVM）是一个软件架构设计模式，是一种简化用户界面的事件驱动编程方式。MVVM M Model 模型指的是数据层 V View 视图指的是用户页面 VM ViewModel 视图模型视图模型是MVVM模式的核心，它是连接view和model的桥梁，MVVM实现了view和model的自动同步，当model的属性改变时，我们不用自己手动操作DOM元素，来改变view的显示，反之

2022-02-27 12:44:41 457

原创 06-大事件和node阶段高频面试题

前端面试题1、对this的理解答: this是个关键字,它的指向和函数的调用方式有关1. 函数调用模式, this指向window2. 构造函数调用模式, this指向新创建的实例对象3. 方法调用模式, this指向调用方法的对象4. 上下文调用模式, call和apply方法中, this指向方法内的第一个参数 bind方法中, bind创建的新函数的this绑定为bind方法中新的函数5. 在事件处理函数中,this指向触发事件的当前元素6. 定时器

2022-02-27 12:43:44 277

原创 05-ajax阶段高频面试题

前端面试题1、http和https的区别答: 1.https协议需要到CA申请证书，一般免费证书较少，因而需要一定费用。 2.http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl/tls加密传输协议。 3.http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。 4.http的连接很简单，是无状态的；HTTPS协议是由SSL/TLS+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。2、get 和pos

2022-02-27 12:42:34 350

原创 04-js高级阶段高频面试题

前端面试题1、值类型和引用类型的区别1、值类型 1）基本类型数据是值类型 2）保存与复制的是值本身 3）使用typeof检测数据的类型2、引用类型 1）保存与复制的是指向对象的一个指针 2）使用instanceof检测数据类型 3）使用 new() 方法构造出的对象是引用型2、什么是深拷贝什么是浅拷贝答: 浅拷贝: 拷贝对象的一层属性,如果对象里面还有对象,拷贝的是地址, 两者之间修改会有影响,适用于对象里面属性的值是简单数据类型的. 深拷贝: 拷贝对

2022-01-04 22:04:16 180

原创 03-webapi阶段高频面试题

前端面试题###1、localStorage、sessionStorage和cookie的区别答: 共同点: 都是可以用来存储数据区别: 1. 请求不同: cookie 数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 sessionStorage 和 localStorage不会自动把数据发给服务器，仅在本地保存。 2. 存储大小限制也不同: cookie 数据不能超过4k，同时因为每次http请求都会携带cookie，所以co

2022-01-04 22:03:44 764

原创防抖、节流

一、是什么本质上是优化高频率执行代码的一种手段如：浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用throttle（节流）和debounce（防抖）的方式来减少调用频率定义节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次执行防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时一个经典的比喻:

2022-01-04 22:01:45 100

原创 vue项目面试题

1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。优点：用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染；基于上面一点，SPA 相对对服务器压力小；前后端职

2022-01-04 22:01:14 839

原创 es6高频面试题

1、es5和es6的区别，说一下你所知道的es6ECMAScript5，即ES5，是ECMAScript的第五次修订，于2009年完成标准化ECMAScript6，即ES6，是ECMAScript的第六次修订，于2015年完成，也称ES2015ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率ES6新增的一些特性：1. let声明变量和const声明常量，两个都有块级作用域ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明2. 箭头函数ES6中的

2022-01-04 22:00:46 249

原创 02-js阶段高频面试题

前端面试题1、js的数据类型有哪些答: 简单数据类型: number string boolean undefined null 复制数据类型: object function array2、typeof 返回的数据类型答: number string boolean undefined object function 特殊情况： typeof null -->object typeof array -->object typeof typeof

2022-01-04 21:55:43 545

原创 01-移动web高频面试题

####1、前端页面有哪三层构成，分别是什么？作用是什么？1、结构层：由 HTML 标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。2、表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。3、行为层：由脚本（js）负责。解决了页面上“内容应该如何对事件作出反应”的问题####2、主流的浏览器分别是什么内核？Trident[ˈtraɪdnt]内核：（国产的绝大部分浏览器）IE，360，搜狗Gecko[ˈɡekoʊ]内核：火狐Presto[ˈprestoʊ]内

2022-01-04 21:55:04 433

lb2333的博客