前端面试
前端面试遇到了这些手写题
用正则写一个根据name获取cookie中的值的方法function getCookie(name) { var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)')); if (match) return unescape(match[2]); }复制获取页面上的
日期 2023-06-12 10:48:40
2022前端面试官经常会考什么
React中keys的作用是什么？render () { return ( <ul> {this.state.todoItems.map(({item,i}) => { return <li key={i}>{item}</li> })} </ul> ) }复制在React Dif
日期 2023-06-12 10:48:402021前端面试题及答案_前端开发面试题2021
大家好，又见面了，我是你们的朋友全栈君。 废话不多说直接上干货1.js运行机制JavaScript 单线程，任务需要排队执行同步任务进入主线程排队，异步任务进入事件队列排队等待被推入主线程执行定时器的延迟时间为 0 并不是立刻执行，只是代表相比于其他定时器更早的被执行以宏任务和微任务进一步理解js执行机制整段代码作为宏任务开始执行，执行过程中宏任务和微任务进入相应的队列中整段代码执行结束，看微任
日期 2023-06-12 10:48:40web面试题及答案_前端html面试题
大家好，又见面了，我是你们的朋友全栈君。 author: aSuncat JavaScript知识点大全：https://www.yuque.com/webfront/js 所有最新最全面试题，持续更新在语雀。见 语雀-前端面试题，欢迎点击关注~ 阅读目录 html/ css：https://blog.csdn.net/aSuncat/article/details/887893
日期 2023-06-12 10:48:40前端高频面试题(三)（附答案）
说一下JSON.stringify有什么缺点？1.如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式，而不是对象的形式 2.如果obj里有RegExp(正则表达式的缩写)、Error对象，则序列化的结果将只得到空对象； 3、如果obj里有函数，undefined，则序列化的结果会把函数或 undefined丢失； 4、如果obj里有NaN
日期 2023-06-12 10:48:40
前端面试题：vue响应式原理 Vdom diff
大家好，又见面了，我是你们的朋友全栈君。 vue的响应式原理，也算是面试中再常见不过的题目了，之前遇见这道题目只会说：利用的是Object.defineProperty进行的数据劫持，监听数据的变化，通知watcher进行的数据更新。总的来说这是没错的，但是只要面试官进一步的问，那一定是满脸的问号。昨天一天也是没有面试机会，所以就研究了一天这个东西，算是搞明白了（自我感觉），今天就把他来写成文章，
日期 2023-06-12 10:48:40350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面…「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。 前言考虑到关注的小伙伴们也会有在校生或应届生，要参加校招的同学，一直挺想总结一些关于校招面试题，赶在春招结束前终于写完了，除了写到前端方面的面试题外，项目、职业发展、H面等高频问题也会有，写的很详细，全方面做好准备，为同学们的校招保驾护航！目录1.HTML 2.CSS 3.前端基础 4.前端核心 5.前端进阶 6.移动端开发 7.计算机基础
日期 2023-06-12 10:48:40阿里前端一面必会面试题（附答案）
浏览器的主要组成部分⽤户界⾯ 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗⼝显示的您请求的⻚⾯外，其他显示的各个部分都属于⽤户界⾯。浏览器引擎 在⽤户界⾯和呈现引擎之间传送指令。呈现引擎 负责显示请求的内容。如果请求的内容是 HTML，它就负责解析 HTML 和 CSS 内容，并将解析后的内容显示在屏幕上。⽹络 ⽤于⽹络调⽤，⽐如 HTTP 请求。其接⼝与平台⽆关，并为所有平台提供底层实
日期 2023-06-12 10:48:40
web前端开发面试中常见的算法题(JS)
大家好，又见面了，我是你们的朋友全栈君。前言最近在准备秋招，做过了大大小小的公司的面试题，发现除了基础知识外，算法还是挺重要的。特意整理了一些常见的算法题，添加了自己的理解并实现。除此之外，建议大家还可以刷刷《剑指offer》（但我还没刷完?，任重道远呐）。此外，左神在牛客网上也有算法课程，听了基础班的感觉还不错，起码让我这个算法小白也能快速地理解了很多问题，知识付费的时代，这个真的是良心课程了。
日期 2023-06-12 10:48:40
社招前端必会面试题
OSI七层模型ISO为了更好的使网络应用更为普及，推出了OSI参考模型。 （1）应用层OSI参考模型中最靠近用户的一层，是为计算机用户提供应用接口，也为用户直接提供各种网络服务。我们常见应用层的网络服务协议有：HTTP，HTTPS，FTP，POP3、SMTP等。在客户端与服务器中经常会有数据的请求，这个时候就是会用到http(hyper text transfer protocol)(超文本传输协
日期 2023-06-12 10:48:40京东前端面试题
call apply bind题目描述:手写 call apply bind 实现实现代码如下:Function.prototype.myCall = function (context, ...args) { if (!context || context === null) { context = window; } // 创造唯一的key值 作为我们构造的context
日期 2023-06-12 10:48:40高级前端二面高频面试题合集
说一下原型链和原型链的继承吧所有普通的 [Prototype] 链最终都会指向内置的 Object.prototype，其包含了 JavaScript 中许多通用的功能为什么能创建 “类”，借助一种特殊的属性：所有的函数默认都会拥有一个名为 prototype 的共有且不可枚举的属性，它会指向另外一个对象，这个对象通常被称为函数的原型function Person(name) { this.n
日期 2023-06-12 10:48:40校招前端必会面试题
px、em、rem的区别及使用场景三者的区别：px是固定的像素，一旦设置了就无法因为适应页面大小而改变。em和rem相对于px更具有灵活性，他们是相对长度单位，其长度不是固定的，更适用于响应式布局。em是相对于其父元素来设置字体大小，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而rem是相对于根元素，这样就意味着，只需要在根元素确定一个参考值。使用场景：对于只需要适配少
日期 2023-06-12 10:48:40
字节前端高频面试题
什么是原型什么是原型链?<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&quo
日期 2023-06-12 10:48:40社招前端二面面试题
说一下 web worker在 HTML 页面中，如果在执行脚本时，页面的状态是不可相应的，直到脚本执行完成后，页面才变成可相应。web worker 是运行在后台的 js，独立于其他脚本，不会影响页面的性能。 并且通过 postMessage 将结果回传到主线程。这样在进行复杂操作的时候，就不会阻塞主线程了。如何创建 web worker：检测浏览器对于 web worker 的支持性创建 we
日期 2023-06-12 10:48:40京东前端高频面试题合集
说一下类组件和函数组件的区别?1. 语法上的区别： 函数式组件是一个纯函数，它是需要接受props参数并且返回一个React元素就可以了。类组件是需要继承React.Component的，而且class组件需要创建render并且返回React元素，语法上来讲更复杂。 2. 调用方式 函数式组件可以直接调用，返回一个新的React元素；类组件在调用时是需要创建一个实例的，然后通过调用实例里的
日期 2023-06-12 10:48:40京东前端一面常考面试题（附答案）
代码输出结果var A = {n: 4399}; var B = function(){this.n = 9999}; var C = function(){var n = 8888}; B.prototype = A; C.prototype = A; var b = new B(); var c = new C(); A.n++ console.log(b.n); console.log(
日期 2023-06-12 10:48:40阿里前端常见面试题（附答案）
事件委托的使用场景场景：给页面的所有的a标签添加click事件，代码如下：document.addEventListener("click", function(e) { if (e.target.nodeName == "A") console.log("a"); }, false);复制但是这些a标签可能包含一
日期 2023-06-12 10:48:40美团前端二面常考react面试题（附答案）
使用状态要注意哪些事情？要注意以下几点。不要直接更新状态状态更新可能是异步的状态更新要合并。数据从上向下流动可以使用TypeScript写React应用吗？怎么操作？（1）如果还未创建 Create React App 项目直接创建一个具有 typescript 的 Create React App 项目： npx create-react-app demo --typescript复制（2）如果
日期 2023-06-12 10:48:402022前端二面react面试题
可以使用TypeScript写React应用吗？怎么操作？（1）如果还未创建 Create React App 项目直接创建一个具有 typescript 的 Create React App 项目： npx create-react-app demo --typescript复制（2）如果已经创建了 Create React App 项目，需要将 typescript 引入到已有项目中通过命令将
日期 2023-06-12 10:48:40前端二面必会面试题（附答案）
typeof NaN 的结果是什么？NaN 指“不是一个数字”（not a number），NaN 是一个“警戒值”（sentinel value，有特殊用途的常规值），用于指出数字类型中的错误情况，即“执行数学运算没有成功，这是失败后返回的结果”。typeof NaN; // "number"复制NaN 是一个特殊值，它和自身不相等，是唯一一个非自反（自反，reflexive
日期 2023-06-12 10:48:40前端二面面试题（附答案）
Proxy代理proxy在目标对象的外层搭建了一层拦截，外界对目标对象的某些操作，必须通过这层拦截var proxy = new Proxy(target, handler);复制new Proxy()表示生成一个Proxy实例，target参数表示所要拦截的目标对象，handler参数也是一个对象，用来定制拦截行为var target = { name: 'poetries&#x
日期 2023-06-12 10:48:40前端面试题(附答案)持续更新中
对作用域、作用域链的理解1）全局作用域和函数作用域（1）全局作用域最外层函数和最外层函数外面定义的变量拥有全局作用域所有未定义直接赋值的变量自动声明为全局作用域所有window对象的属性拥有全局作用域全局作用域有很大的弊端，过多的全局作用域变量会污染全局命名空间，容易引起命名冲突。（2）函数作用域函数作用域声明在函数内部的变零，一般只有固定的代码片段可以访问到作用域是分层的，内层作用域可以访问外层
日期 2023-06-12 10:48:40有哪些前端面试题是必须要掌握的
symbol 有什么用处可以用来表示一个独一无二的变量防止命名冲突。但是面试官问还有吗？我没想出其他的用处就直接答我不知道了，还可以利用 symbol 不会被常规的方法（除了 Object.getOwnPropertySymbols 外）遍历到，所以可以用来模拟私有变量。主要用来提供遍历接口，布置了 symbol.iterator 的对象才可以使用 for···of 循环，可以统一处理数据结构。调
日期 2023-06-12 10:48:40前端必会vue面试题
Vue中如何进行依赖收集？每个属性都有自己的dep属性，存放他所依赖的watcher，当属性变化之后会通知自己对应的watcher去更新默认会在初始化时调用render函数，此时会触发属性依赖收集 dep.depend当属性发生修改时会触发watcher更新dep.notify()依赖收集简版let obj = { name: 'poetry', age: 20 }; cla
日期 2023-06-12 10:48:40高级前端手写面试题
树形结构转成列表（处理菜单）[ { id: 1, text: '节点1', parentId: 0, children: [ { id:2, text: '节点1_1',
日期 2023-06-12 10:48:40社招前端一面经典手写面试题集锦
对象数组列表转成树形结构（处理菜单）[ { id: 1, text: '节点1', parentId: 0 //这里用0表示为顶级节点 }, { id: 2, text: '节点1_1', parentId: 1 //通过这个字段来确定子父
日期 2023-06-12 10:48:40阿里前端常考面试题汇总
JS 隐式转换，显示转换一般非基础类型进行转换时会先调用 valueOf，如果 valueOf 无法返回基本类型值，就会调用 toString字符串和数字"+" 操作符，如果有一个为字符串，那么都转化到字符串然后执行字符串拼接"-" 操作符，转换为数字，相减 (-a, a * 1 a/1) 都能进行隐式强制类型转换[] + {} 和 {} + []复制布尔值
日期 2023-06-12 10:48:40阿里前端面试题
介绍一下RollupRollup 是一款 ES Modules 打包器。它也可以将项目中散落的细小模块打包为整块代码，从而使得这些划分的模块可以更好地运行在浏览器环境或者 Node.js 环境。Rollup优势：输出结果更加扁平，执行效率更高；自动移除未引用代码；打包结果依然完全可读。缺点加载非 ESM 的第三方模块比较复杂；因为模块最终都被打包到全局中，所以无法实现 HMR；浏览器环境中，代码拆
日期 2023-06-12 10:48:402022我的前端面试总结
Webpack Proxy工作原理？为什么能解决跨域1. 是什么webpack proxy，即webpack提供的代理服务基本行为就是接收客户端发送的请求后转发给其他服务器其目的是为了便于开发者在开发模式下解决跨域问题（浏览器安全策略限制）想要实现代理首先需要一个中间服务器，webpack中提供服务器的工具为webpack-dev-server2. webpack-dev-serverwebpac
日期 2023-06-12 10:48:40web前端常见面试题总结
大家好，又见面了，我是你们的朋友全栈君。 人生的路上少不了尝试，人人都是打工人，但愿这份面试题可以帮助到你H5有哪些新特性？ 绘画canvas（随时随地绘制2D图形）、svg（描述XML中的2D图形）元素 语义化标签header、ment、content、footer… 新增的input类型和属性 音频,视频 H5地理定位 H5拖放 H5 Web Storage存储 H5应用
日期 2023-06-12 10:48:40