gaofan_long的博客

面试问题记录

Vue组件的渲染更新原理解析 - ming1025 - 博客园

1.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：•可直接监听数组类型的数据变化•监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升•可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行•直接实现对象属性的新增/删除2.新增Composition API，更好的逻辑复用和代码组织3.重构 Virtual DOM•模板编译时的优化，

【微前端】single-spa 到底是个什么鬼_波哥在路上-优快云博客1. 为什么要使用微前端？微前端的演化和后端微服务有一样的地方，主要是为了拆分业务模块，每一部门业务模块都可以单独构建部署，能够提高复用性。微前端中的每个应用可以使用单独的技术框架，可以根据开发人员的技术栈选择不同的技术，提高了开发效率对大型，复杂的项目，做了拆分，能够简化业务，减少耦合，提高程序的健壮性对时间较久的项目，在进行新增需求时， 可以单独使用新技术开发。有利于项目长久发展。(1) 若多个应用之间公用一

1. 浏览器的事件模型。2. promise可以中断吗？为什么？ 如何模拟promise的阻断？3. async和await ？实现原理？await后面跟一个什么？ 执行出错怎么办？ 异步操作，解决回调地狱4. 导致内存泄漏有哪些情况？ 怎么解决内存泄漏？5. 浏览器和node的事件循环？eventloop6. 同步任务执行完成之后，微任务和宏任务的执行？你知道微任务有哪些？网络请求是微任务还是宏任务？ setTimeout和promise.then是怎么执行的？7...

　　从用户在浏览器输入域名开始，到web页面加载完毕，这是一个说复杂不复杂，说简单不简单的过程，下文暂且把这个过程称作网页加载过程。下面我将依靠自己的经验，总结一下整个过程。如有错漏，欢迎指正。　　阅读本文需要读者已有一定的计算机知识，了解TCP、DNS等。2、分析　　众所周知，打开一个网页的过程中，浏览器会因页面上的css/js/image等静态资源会多次发起连接请求，所以我们暂且把这个网页加载过程分成两部分：html(jsp/php/aspx) 页面加载(假设存在简单的Nginx负载均衡

前端面试常问cookie、session、localStrorage、sessionStrorage区别以及应用场景置顶 欢少的成长之路 2021-02-21 20:44:05 44 收藏分类专栏： 转型后原理底层讲解 文章标签： 前端面试 session localStrorage sessionStrorage cookie版权简介：以上文章讲述的是【线上系统打如何正确打日志】接下来我总结一下【前端面试常问sessionStrorage、localStrorage、cookie、sessi..

React1.event是SyntheticEvent（合成事件），模拟出来DOM事件所有能力2.event.nativeEvent是原生事件对象3.所有的事件，都被挂载到document上4.和DOM事件不一样，和Vue事件也不一样event.nativeEvent.target指向当前元素，即当前元素触发event.nativeEvent.currentTarget指向document!Vue1.event是原生的2.事件被挂载到当前元素和DOM事件一样...

怎么理解MVVM模型：M - model 数据V - view 视图VM - viewModel 视图模型组件化、、数据驱动视图、使开发人员不再关注具体DOM的渲染，而将精力放到对数据的处理上。view - 视图model - vue组件中的dataviewModel - 让数据的更改同步到DOM的渲染，视图上监听事件将变化同步到数据中...

Vuev-show 和 v-if 的区别？为何 v-for 中要用 key？描述 Vue 组件生命周期（有父组件的情况）？Vue 组件如何通讯？描述组件渲染和更新的过程？双向数据绑定 v-model 的实现原理？ReactReact 组件如何通讯？JSX 本质是什么？context 是什么，有何用途?shouldComponentUpdate 的用途（SCU）？描述 redux 单项数据流？setState 是同步还是异步？webpack 前端代码为何要进行构建和打包？.

条件渲染1.v-if只会渲染出符合条件的节点，v-show都会渲染，只是将不符合条件的隐藏2.如何选择？判断为一次性的或者更新并不频繁的选择v-if,频繁的选择v-show如果更新频繁用v-if会涉及到节点的不断销毁和渲染,影响性能考点：beforeDestroy中要可能要做什么？解除绑定，销毁子组件以及事件监听器。自定义事件的绑定要解除；比如setTimeout定时任务要销毁；自己绑定的window或document的事件要销毁；该销毁的不要遗留在内存中考点：父子组件 crea.

前端性能优化：前端性能优化原则： 多用内存，缓存，减少网络耗时和cpu计算（用空间换时间）让加载更快1. 减少资源体积，压缩代码，比如：webpack生产环境打包代码；服务器端进行gzip压缩，能把代码压缩到1/3左右2. 减少访问次数：合并代码（css代码可以合并，图片可以通过雪碧图合并），SSR服务器端渲染，缓存3. 使用 更快的网络：CDN（根据区域获取最近的资源）让渲染更快1. css放在head，JS放在body最下面2. 尽量早开始执行JS，用DOMContentLoa

目录1. 地图用到什么技术？2. canvas 和svg?1.什么是Canvas？Canvas 是H5新出来的标签Canvas画布，利用JavaScript在网页绘制图像在标签中给上宽高： 不用加单位如果在css中给宽高 会对图像造成拉伸 （默认宽高300px*150px）通过过去绘制工具 .getContext(“2d”) 来在画布中绘制图形2.什么是SVG？SVG 可缩放矢量图形（Scalable Vector Graphics），基于可扩展标记语言XML 出来的

event looppromise 进阶async/await微任务/宏任务问答题：请描述event loop（事件循环/事件轮询）的机制，可画图什么是宏任务、微任务，两者有什么区别Promise有哪三种状态，如何变化场景题：promise then和catch的连接（常考且实用）async/await语法promise和setTimeout的顺序（常考）外加async/await的顺序问题（好题，综合深入）1. event loopJS如何执行？1.从前到后，..

从 JS 基础知识到 JS Web API：1. JS基础知识，规定语法（ECMA 262 标准）2. JS Web API， 网页操作的API（W3C标准）3.前者是后者的基础，两者结合才能真正实际JS Web APIDOM：操作网页上的DOM元素怒BOM：操作浏览器上的一些事情，导航，宽高等事件绑定：绑定时间，监听点击之类ajax：发送网络请求存储：浏览器暂存数据vue和react框架应用广泛，封装了DOM操作题目：DOM是哪种数据结构DOM操作的常用APIatt.

参考链接：https://segmentfault.com/a/11900000159693

1.js作用域作用域：变量的合法使用范围全局作用域：在全局可以使用函数作用域：只能在函数块中使用块级作用域（ES6新增）：let，const定义的变量有块级作用域{}内部使用自由变量：1.一个变量在当前作用域没有定义，但是被使用了2.向上级作用域，一层一层一次寻找，知到找到为止3.如果到全局作用域都没找到，则报错：xxx is not define2. 闭包闭包：作用域应用的特殊情况，有两种表现：1.函数作为返回值2.函数作为参数闭包：所有自由变量的查找，是在函数定

1.vh 和vWrem的弊端：具有 阶梯性 ，就是不太连贯吧。网页视口尺寸：1. window.screen.height // 屏幕高度2. window.innerHeight // 网页视口高度3. document.body.clientHeight // body 高度vh 网页视口高度的 1 / 100vw 网页视口宽度的 1 / 100vmax 取两者最大值；vmin 取两者最小值1.html语义化,增加代码可读性,让搜索引擎更容易读懂(seo)2.块状.

1. css固定左右，中间宽度自适应，如何写？ 考察知识：通过position左右固定, 中间代码设置margin, 不设置宽度2. 原型链，两个function， 实现继承。 三种方式：1. 利用call和apply//原型继承// 原型继承// 1. 利用call, apply继承function Person(name, age) { this.name = name; this.age = age; this.sayName = ...

http://www.srcmini.com/3507.html