挪威森霖-CSDN博客

原创个人秋招面经——腾讯

一面（2021/8/15）一、实现数组的flat，例：[1,[2,3,[4]]]=>[1,2,3,4]二、合并两个有序数组，leetcode_88三、手写深拷贝

2022-10-31 18:03:04 222

一面（2021/7/15）一、position的几个属性二、浏览器渲染页面的过程（重排、重绘）三、跨域四、<script> 和 <img> 标签可以接收跨域的资源吗五、父级div的宽、高各为100px，padding-top为20%，子div的高为多少？父级div设为absolute呢六、事件循环机制（例题）七、HTTP缓存机制（强缓存和协商缓存）八、<script /> 中的同步和异步。九、px rm rem % 的区别十、this的指向十一、手写

2022-10-31 18:02:17 250

原创个人秋招面经——蚂蚁支付宝体验技术部

一面（2021/7/31）一、

2022-10-31 18:01:14 408

原创个人秋招面经——美团(SaaS)

一面（2021/8/11）一、浏览器相关的二、浏览器输入一个url的过程三、script中的异步，defer和async的区别四、HTML页面生命周期的事件五、判断一个前端系统好坏的指标六、webpack中的chunk、bundle、module各是什么七、什么时候使用loader，什么时候使用plugin八、babel怎么把es6转化成es5九、vue中的计算属性，比如：x = a + b; x 没有在页面上渲染，x 会计算吗十、算法：字符串压缩。利用字符重复出现的次数，编写一种方法

2022-10-31 18:00:28 506

原创个人秋招面经——商汤

一面（2021/7/22）一、GB28181的原理。二、在石油系统的视频模块中用到的视频编码方式、视频流格式。三、视频中的检查框怎么传输到前端、sei。四、https握手过程。五、响应码。六、vue组件间传值的方式。七、vue中权限管理怎么做的、动态路由。八、CSRF攻击如何防范。九、vue数据改变是怎么渲染到页面上的。十、使用过websoket吗、原理。十一、babel的源码。十二、三个异步任务，怎么按顺序执行。十三、event loop。十四、如何判断一个变量是数组。十五、

2022-10-31 17:59:34 630

原创个人秋招面经——百度

一面（2021/7/21）一、

2022-10-31 17:58:39 2079 1

原创个人秋招面经——京东

一面（2021/7/28）一、项目里面遇到的难点，token刷新怎么实现。二、canvas和svg的区别。三、左边固定，右边自适应布局。四、页面上有一个弹框，点击弹框外部，使弹框消失。（事件冒泡）五、攻击方式xss和csrf，xss攻击者是怎么注入脚本的，csrf中攻击者是怎么获取到用户cookie的。六、深拷贝和浅拷贝，有函数怎么拷贝，怎么拷贝一个set。七、算法：把20000秒转化成hh:mm:ss的形式。...

2022-10-31 17:57:52 115

原创个人实习面经——网易游戏

一面（2021/4/8）：1、自我介绍。2、如何使用 Docker 的。3、JS 中类的理解，如何创建一个类。4、JS 中 this 指向问题，如何修改 this 的指向。5、如何理解闭包，JS 中的垃圾回收机制。6、Promise、async/await 的区别，promise 中的 .catch() 在 async/await 中怎么实现。7、== 和 === 的区别，类型不一样，怎么比较值是否相等。8、var、let、const 的区别，const 定义一个对象，对象中的值能否改变。

2022-05-21 10:04:30 97

原创个人实习面经——百度

一面（2021/3/28）：1、html 块级元素和行内元素的区别。2、<img>标签是什么类型的元素。3、<a> 中锚点的使用。4、HTML5 的新特性。5、CSS3 的新特性。6、有哪些选择器，优先级顺序。7、盒子模型。8、有没有听过 BFC。9、CSS动画。10、localStorage、sessionStorage 的区别。11、cookie 相关。12、前端性能优化的方法。13、如何控制方法的执行顺序。14、Promise 相关。15、为什么要

2021-10-25 15:45:38 119

原创个人实习面经——美团

1、自我介绍。2、对 TCP/IP 的理解。3、前端如何保证安全性。4、HTTPS。5、如何获取 cookie。6、如何保证 cookie 的安全性。7、cookie 和 localStorage 的区别8、前端有哪些存储方式。9、如何实现一个元素垂直、水平居中。10、如何实现一个页面，左边菜单栏的宽度固定，右边的内容栏宽度不固定。11、JS 如何创建一个类。12、JS 的继承。13、JS 的原型。14、JS new一个对象的过程。15、JS 闭包。16、clientWidt

2021-10-25 15:45:03 224

原创前端面试常见题整理

文章目录一、让元素居中的几种方式：1、盒子宽度和高度是已知的。思路：2、盒子宽度和高度是未知的（有高、宽，但是不知道）。思路：3、平移：定位 + transform。思路：4、flex 布局。思路：5、父元素：display: table-cell 布局。思路：6、通过JavaScript的方式。思路：一、让元素居中的几种方式：1、盒子宽度和高度是已知的。思路：父元素相对定位；子元素绝对定位；left: 50%; top: 50%;margin-left: 负的一半宽度; margin-top

2021-07-12 20:57:54 635

原创个人实习面经——阿里（钉钉）

1、自我介绍2、怎么接触前端的3、做中石油系统时间很紧，怎么安排的，具体的过程，遇到哪些困难4、地图，后台数据更新，前端怎么接收5、A、B、C三个函数，涉及到setTimeout()，执行顺序；如果A、B、C中有异步任务，怎么让A、B、C顺序执行6、让页面中一个物体，从左边移动到右边，怎么实现，不影响页面布局7、单页应用，首屏白屏，怎么减少这种情况8、和身边的同学相比有哪些优势9、平时怎么学前端的10、有什么兴趣爱好11、实验室相关，前端圈子12、怎么推销钉钉13、反问：钉钉的业务、

2021-04-16 10:44:48 688

原创个人实习面经——腾讯（CSIG）

一面：1、自我介绍。2、介绍一下做的可视化的项目。3、说一下JS 中原生对象和宿主对象（答不上来）。4、JS 中的继承的方式（说了两三种）。5、算法题：跳台阶（做出来了但是空间复杂度不是最优，创建了一个数组）。6、Vue 如何创建一个全局组件，局部组件（答不上来）。7、Vue 中插槽的理解（大概能说）。8、Vue 在版本更新中，插槽有哪些变化。（答不上来）9、Vue 和 React 的区别。（React 不太清楚）10、Vuex 的理解（能说）。11、二分法的理解（能说、举了一个二分查

2021-03-30 22:17:30 816

原创 JavaScript new 一个对象的过程

1、原型和原型链：每一个 javascript 对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。原型链：2、new 一个对象的过程：function Father (name) { this.name = name;}let son = new Father("zs");son.name;创建一个新对象；新对象会被执行[[prototype]]连接：son.__proto__ = Father.proto

2021-03-14 11:38:59 996 2

原创深入理解 JavaScript 中的浅拷贝和深拷贝

1、基本数据类型和引用数据类型数据分为基本数据类型（String、Number、Boolean、Null、Undefined、Symbol）和引用数据类型。基本数据类型的特点：直接存储在栈（stack）中；引用数据类型的特点：存储的是该对象在栈中的引用，真实的数据存储在堆内存中。引用数据类型在栈中存储了指针，指针指向堆中该实体的起始位置。2、浅拷贝与深拷贝浅拷贝和深拷贝只针对 Object 和 Array 这样的引用数据类型。浅拷贝只是复制某个对象的指针，而不复制对象本身，新旧对象共享一块

2021-03-01 16:22:55 166

原创 mouseenter（mouseleave）与 mouseover（mouseout）的区别

从表象上讲，mouseenter（mouseleave）只会在元素本身触发，不会在子元素触发；mouseover（mouseout）不仅会在元素本身触发，还会在子元素触发。从原理上讲，当指针设备（通常为鼠标）移动到（离开）绑有事件监听器的元素上时，mouseenter（mouseleave）事件会被触发，和 mouseover（mouseout）事件类似，但不同的是 mouseenter（mouseleave）不会冒泡，并且当鼠标从它的子元素移动它自身元素时，不会触发 mouseenter（从自身元素离开

2021-02-28 14:36:42 747 3

原创前端面试中几种常见的排序算法的JavaScript程序

前端面试中几种常见的排序算法的JavaScript程序：冒泡排序、选择排序、插入排序、快速排序、归并排序、桶排序。1、冒泡排序：平均时间复杂度：O(n2)，空间复杂度：O(1)。const bubbleSort = (arr) => { let len = arr.length; for (let i = 0; i < len - 1; i++) { // （优化）设立一个flag，如果在一轮遍历中，没有发生元素交换，说明排序完成，结束。 l

2021-02-23 22:51:32 178

原创 div盒子垂直水平居中的六种方式

1、盒子宽度和高度是已知的。思路：父元素相对定位；子元素绝对定位；left: 50%; top: 50%;margin-left: 负的一半宽度; margin-top: 负的一半高度。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

2021-02-22 14:44:27 878 3

原创一文搞懂像素（px）、分辨率、CSS长度单位

对于做前端的朋友，相信看到像素（pixel）、分辨率、CSS长度单位（如：px、em、rem、vh）这些概念都不陌生，但是对它们之间的关系是否清楚呢？以及如何区分应用场景？本文将讲清楚这些内容。一、像素像素是图像的基本采样单位，它不是一个确定的物理量，也不是一个具体的点或小方块（尽管可以用点或小方块来呈现），而是一个抽象概念。不同的设备，其图像基本单位是不同的，比如显示器的点距，可以认为是显示器的物理像素。现在的液晶显示器的点距一般在0.25mm到0.3mm之间。液晶显示器点距参考表（1 英寸 =

2020-11-04 20:52:50 14342 9

原创 npm install -g --save --save-dev 比较

npm install -g & --save & --save-dev 比较一、npm install packageName特点：本地安装，安装到项目 node_modules 目录下；不会将模块依赖写入 package.json 中的 devDependencies 或 dependencies 节点；运行 npm install 初始化项目时不会下载模块。二、npm install packageName -g特点：全局安装，安装到Node.js安装目录下的no

2020-10-21 20:38:26 1408 14

原创 CSS 垂直居中的七种方法——史上最详细总结

我们在写页面时，通常会用到水平居中或垂直居中，而水平居中很好处理，不外乎就是设定 margin: 0 auto; 或是 text-align: center; “垂直居中”却比较麻烦，下面介绍七种纯 CSS 实现垂直居中的方式。一、设定行高（line-height）设定行高是垂直居中最简单的方式，适用于“单行”的“行内元素”（inline、inline-block），例如单行的标题，或是已经设为 inline-block 属性的 div，若将 line-height 设成和高度一样的数值，则内容的行内元

2020-10-10 19:03:22 22186 5

qq_37384271的博客