前端面试

前端面试题：webpack 做过哪些优化，开发效率方面、打包策略方面等等

1）优化Webpack的构建速度使用高版本的Webpack（使用webpack4）多线程/多实例构建：HappyPack(不维护了)、thread-loader缩小打包作用域：exclude/include(确定loader规则范围)resolve.modules指明第三方模块的绝对路径(减少不必要的查找)resolve.extensions尽可能减少后缀尝试的可能性noParse对完全不需要解析
魂斗驴·2023-10-23 05:10

No170.精选前端面试题，享受每天的挑战和学习

前端开发工程师（主业）、技术博主（副业）、已过CET6阿珊和她的猫_CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js
阿珊和她的猫·2023-10-23 00:28

No171.精选前端面试题，享受每天的挑战和学习

前端开发工程师（主业）、技术博主（副业）、已过CET6阿珊和她的猫_CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js
阿珊和她的猫·2023-10-23 00:19

前端面试题（八）数据结构篇

栈概念栈是一个线性结构，在计算机中是一个相当常见的数据结构。栈的特点是只能在某一端添加或删除数据，遵循先进后出的原则image实现每种数据结构都可以用很多种方式来实现，其实可以把栈看成是数组的一个子集，所以这里使用数组来实现classStack{constructor(){this.stack=[]}push(item){this.stack.push(item)}pop(){this.stack
C楚辉H·2023-10-22 18:42

深入理解Promise之一步步教你手写Promise构造函数

对象状态只能转换一次1.6then方法进行回调1.7异步任务的回调执行1.8执行多个回调的实现1.9同步修改状态then方法结果返回1.10异步修改状态then方法结果返回二，总体代码后记前言Promise是前端面试中很重要的一个
巧克力小猫猿·2023-10-22 14:05

11、前端面试必考：ES6之promise详解 和 高频面试题

阮一峰博客：https://es6.ruanyifeng.com/#docs/promise目录一、学习promise的前置条件1.1区别实例对象和函数对象1.2两种类型的回调函数1.2.1同步回调1.2.2异步回调1.3JS中的error处理（错误处理）1.3.1常见的内置错误1.3.2错误的处理1.3.3错误对象的属性二、promise的理解和使用2.1promise是什么？2.2promis
C.&H.·2023-10-22 14:33

前端面试笔试编程题（持续更新中）

1.求两个日期中间的有效日期（考虑闰年）（微众银行校招笔试）如2015-2-8到2015-3-3，返回【2015-2-82015-2-9…】思路：使用毫秒数一天一天地放进去//求两个日期中间的有效日期（考虑闰年）如2015-2-8到2015-3-3，返回【2015-2-82015-2-9…】functionyouxiaodate(date1,date2){varresult=[]result.pu
weixin_47322076·2023-10-22 13:16

前端面试07-2：cookie sessionStorage localStorage 区别

1、localStorage(本地存储)：localStorage生命周期是永久，除非用户在浏览器上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与服务器的通信。2、sessionStorage(会话存储)：sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在
小小前端搬运工·2023-10-22 13:09

前端面试基础面试题——11

1.什么是vue的计算属性？2.vue怎么实现页面的权限控制3.watch的作用是什么4.响应式系统的基本原理5.vue-loader是什么？使用它的用途有哪些？6.vuex工作原理详解7.vuex有哪几种属性？8.什么是MVVM？9.computed和watch区别？10.keep-alive组件有什么作用？1.什么是vue的计算属性？计算属性的定义：当其依赖的属性的值发生变化的时，计算属性会重
翻斗花园-图图·2023-10-22 04:59

前端面试题-react专项

react篇1、react生命周期函数2、React类组件(Classcomponent)和函数式组件(Functionalcomponent)之间有何不同3、React状态(state)和属性(props)之间有何不同4、什么是高阶组件5、为什么建议传递给setState的参数是一个callback而不是一个对象6、(在构造函数中)调用super(props)的目的是什么7、React事件处理8
程序员婕儿·2023-10-22 02:34

在react里写原生js_前端面试题 ---react

高阶组件相关什么是高阶组件，它有哪些运用？高阶组件就是一个函数，接收一个组件，经过处理后返回后的新的组件；高阶组件，不是真正意义上的组件，其实是一种模式；可以对逻辑代码进行抽离，或者添加某个共用方法；eg：react-redux：connect就是一个高阶组件,接收一个component,并返回一个新的componet,处理了监听store和后续的处理；react-router：withroute
weixin_39640444·2023-10-22 02:03

前端面试知识点目录整理

写在前面金三银四，又到了一年一度的跳槽季，相信大家都在准备自己的面试笔记，我也针对自己工作中所掌握或了解的一些东西做了一个目录总结，方便自己复习。详细内容会在之后一一对应地补充上去（有些在我的个人主页笔记中也有相关记录），这里暂且放一个我的面试知识点目录，大家有兴趣可以自己根据目录去扩展。欢迎在评论下方指点一二，看还有哪些没考虑到的，互相交流一哈...基本功考察1.关于Html1、html语义化标
前端一菜鸟·2023-10-22 02:02

前端面试笔试遇到的算法题 (笔面试前可以看看，有解析，持续更新建议收藏)

找出数组中第二大的数和索引输出格式为：{value：第二大数的值，index：第二大数的索引}方法一//方法一functiontwoBigNum(arr){letnewArr=JSON.parse(JSON.stringify(arr))//先深copy一下原数组为了方便后续找索引，深copy是为了避免操作后原数组跟着改变newArr.sort((a,b)=>b-a)//对newArr进行排序so
、信仰_·2023-10-22 01:45

Webpack十大缺点：当过度工程化遇上简单的静态页面

前端开发工程师（主业）、技术博主（副业）、已过CET6阿珊和她的猫_CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js
ai_todo·2023-10-22 00:16

2023高频前端面试题（含答案）

一、简单页面1、CSS选择器样式优先级2、CSS实现三列布局（左右固定宽度，中间自适应）（1）CSS浮动第一个float:left，第二个float:right，第三个设置margin-left和margin-right（2）绝对定位法第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right（3）flex布局.left{width:200px;或者f
coldriversnow·2023-10-22 00:45

分享给某人的前端面试题库（一）

一张图阐述一下Web前端开发的概要HTML/CSS部分1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2、行内元素
weixin_30432007·2023-10-21 23:57

web前端面试题最全版总结

一、前端必备1、web前端性能优化1.1性能评级工具PageSpeed是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的在线检测工具。(Google的插件)YSlow是Yahoo发布的一款基于FireFox(火狐浏览器)的插件，这个插件可以分析网站的页面，并告诉你为了提高网站性能，如何基于某些规则进行优化。它可以分析任何网站，并为每一个规则产生一个整体报告
折海棠赠晩宁.·2023-10-21 19:54

前端面试题整理 - javascript

1、如何中断ajax请求？Ajax.abort()超时自动退出2、Target和currentTarget的区别Target:当前被点击的元素currentTarget:当前所绑定事件的元素3、谈一下宏任务和微任务？宏任务：当前调用栈中执行的任务微任务：当前宏任务执行完，在下一个宏任务开始执行之前需要完成的任务是微任务，可以理解为回调时间，Promise.then()nextTick()等宏任务的
guhy fighting·2023-10-21 19:22

WEB前端面试题整理

WEB前端面试题文章目录WEB前端面试题一、html部分1、Doctype有什么作用?标准模式与兼容模式有什么区别2、标准模式与兼容模式(怪异模式)各有什么区别?
你真的快乐吗·2023-10-21 19:20

前端面试题整理2

1.两个div标签，如何控制标签左边固定，右边自适应，左边div宽度为100px.(1)左边设置浮动，右边不设置宽度自定布局到右边 Document.container{width:1000px;height:500px;border:1pxsolid#ccc;}.left{width:100px;height:100%;background:red;float:left;}.right{over
哎呦喂1111·2023-10-21 19:20

前端面试题整理汇总100题

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值，relative和absolute分别是相对于谁进行定位的？absolute:生成绝对定位的元素，相对于最近一级的定位不是static的父元素来进行定位。fixed（老IE不支持）生成
青耳~·2023-10-21 19:48

2022年前端面试题整理，持续更新中

端面试题整理已同步到掘金、CSDN掘金地址：https://juejin.cn/post/7075332630417244173CSDN地址：https://blog.csdn.net/z1832729975/article/details/123431083个人整理了很多网上常见的面试题，希望也能通过这来复习内容有点多，可能CSDN上预览效果不好，想要markdown文档的可以私信我，推荐使用T
技术布道师·2023-10-21 19:48

web前端面试题整理（HTML篇）

需要web前端课程工具和电子书，可以加:33群105601600;22群1203428331.h5的改进:新元素画布canvas:HTML5元素用于图形的绘制，通过脚本(通常是JavaScript)来完成音频audio视频video语义性:article,nav,footer,section,aside,hgroup等.时间time新属性拖放:draggable可编辑:contenteditabl
及时当勉励岁月不待人·2023-10-21 19:43

前端面试题整理（1.0）

1.nextTick原理Vue是异步执行Dom更新的，一旦观察到数据变化，Vue就会开启一个队列，然后把在同一个事件循环（eventloop）当中观察到数据变化的Watcher推送到这个队列。如果这个Watcher被触发多次，智慧被推送到队列一次。这种缓冲行为可以有效去掉重复数据造成的不必要的计算和DOM操作。而在下一个事件循环时，Vue会清空队列，并进行必要的Dom更新。当你设置vm(this)
mez_Blog·2023-10-21 19:10

Vue前端面试2021-017

1、Vue中的过滤器的作用是什么？如何声明过滤器？Vue中的过滤器主要是用来按照指定的格式进行数据输出格式渲染，声明过程中根据使用的方式不同可以声明为全局过滤器或者局部过滤器全局过滤器：可以在任意Vue实例中进行使用Vue.filter(过滤器名称,(dat)=>处理函数)局部过滤器：只能在当前实例中进行使用newVue({filters:{声明过滤器}})2、Vue项目中为什么组件的数据声明da
大牧莫邪·2023-10-21 09:50

前端面试题——HTML部分（二）

6.请描述、和的区别。-HTML解析中断，脚本被提取并立即执行。执行结束后，HTML解析继续。-脚本的提取、执行的过程与HTML解析过程并行，脚本执行完毕可能在HTML解析完毕之前。当脚本与页面上其他脚本独立时，可以使用async，比如用作页面统计分析。-脚本仅提取过程与HTML解析过程并行，脚本的执行将在HTML解析完毕后进行。如果有多个含defer的脚本，脚本的执行顺序将按照在document
碎碎念10086·2023-10-21 01:32

前端面试知识点(5)——前端基础其他

1.XSS和CFRS？XSS是获取信息，不需要提前知道其他用户页面的代码和数据包。CSRF是代替用户完成指定的动作，需要知道其他用户页面的代码和数据包。2.HTTP状态码？HTTP状态码3.一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么？（1）查找浏览器缓存（2）DNS解析、查找该域名对应的IP地址、重定向（301）、发出第二个GET请求（3）进行HTTP协议会话（4）客户端发送报
年少有van·2023-10-21 00:38

前端面试干货——ES6重点总结

ES6是ECMA为JavaScript制定的第6个标准版本ES6更新的内容主要分为以下几点表达式：声明、解构赋值内置对象：字符串拓展、数值类型拓展、对象拓展、数组拓展、函数拓展、正则拓展、Set、Map、Proxy、Reflect语句与运算：Class、Module、Iterator异步编程：Promise、Async、Generator文章目录声明const和let解构赋值字符串拓展对象拓展数组
NGUP_LEE·2023-10-20 20:51

前端面试学习笔记（挖坑待填）

前端面试学习笔记1.大前端时代需要掌握的技术栈HTML5仅仅是标签语义化标签类音视频处理（音视频标签）Canvas/WebGLhistoryAPIrequestAnimationFrame地理位置WebSocket
「已注销」·2023-10-20 18:03

前端面面经，现在开始为前端工作准备

最近面临一系列校招活动，我会整理一份详细的前端面试题供大家准备，整理的内容来自互联网，包括一些bbs论坛、群和社区等。可以先把以下的问题想好了，我想你以后就可以试着去投一份前端的工作简历。
起个名费劲儿·2023-10-20 07:29

简单解析JavaScript中数组的冒泡排序和选择排序

其中冒泡排序在前端面试中笔试部分经常会被问到。
灰猫警长·2023-10-20 06:11

前端面试总结(1)--笔试知识点汇总

写下标题时，我不禁回想起那年毕业季被找工作支配的恐惧。所谓天要下雨娘要嫁人，裸转前端势在必行，抱着天生我材必有用的丰满理想，过着“哪哪都缺人，哪哪都不缺自己”的骨感现实生活，才明白玉不琢不成器，作为璞玉的自己努力地打磨着，终于成就了自己，成为了一名合格的，杀猪刀磨刀石。序言本文整理总结自己在毕业季找工作时，前端笔试遇到的各种细小知识点，多为基础知识，既不全面，也不系统。因此，对于读者而言，本文适用
vito1994·2023-10-20 04:42

前端面试题整理（十）工程化

前端面试题整理之工程化个人经验工程化的问题一般是基础问题聊的比较好之后才会被问到的。
凉拌菜是个汉堡包·2023-10-20 02:19

2020年web前端面试题（二）

九、CSS隐藏元素的几种方法（至少说出三种）Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;Visibility:与opacity唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏;Display:display设为none任何对该元素直接打用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在;P
天行健_96e7·2023-10-20 00:10

前端面试题-this.$nextTick

一、为什么使用nextTick因为vue采用的异步更新策略，当监听到数据发生变化的时候不会立即去更新DOM，而是开启一个任务队列，并缓存在同一事件循环中发生的所有数据变更;这种做法带来的好处就是可以将多次数据更新合并成一次，减少操作DOM的次数，如果不采用这种方法，假设数据改变100次就要去更新100次DOM，而频繁的DOM更新是很耗性能的。二、nextTick作用nextTick接收一个回调函数
前端技术栈·2023-10-19 21:37

前端面试-浏览器原理

一、浏览器什么是URL组成部分：protocol：协议，表明浏览器必须使用何种协议domain：域名，表示正在请求哪个服务器port：端口path：网络服务器上资源的路径parameters/query：提供给网络服务器的额外参数anchor/fragment：资源本身的另一部分的锚点，锚点表示资源中的一种“书签”，给浏览器显示位于该“加书签”位置的内容的方向scheme://user:passw
wanglu的博客·2023-10-19 16:56

穿越代码迷宫：我在字节跳动的前端面试之旅

我，一个普通的前端开发者，怀揣着对技术的热爱和对字节跳动的向往，踏上了这片神秘的土地，开始了我的前端面试之旅。第一次面试，我带着满满的自信和期待走进了会议室。
目标: 实现财富自由·2023-10-19 16:11

web前端面试-- 手写原生Javascript方法（new、Object.create）

web面试题本人是一个web前端开发工程师，主要是vue框架，整理了一些面试题，今后也会一直更新，有好题目的同学欢迎评论区分享;-）web面试题专栏：点击此处手动实现Object.create通过Object.create，可以联想到之前讲的JS的7种继承方式之一原型式继承。实现functionmyCreate(obj){functionFn(){}Fn.prototype=obj;returnn
Penk是个码农·2023-10-19 11:20

web前端面试-- 在 JavaScript 中 bind ， apply 和 call 的区别

本人是一个web前端开发工程师，主要是vue框架，整理了一些面试题，今后也会一直更新，有好题目的同学欢迎评论区分享;-）web面试题专栏：点击此处在JavaScript中，bind，apply和call都是用于改变函数执行上下文的方法。它们的区别如下：bind方法创建一个新函数，新函数的执行上下文被绑定到指定的对象。它不会立即执行函数，而是返回一个绑定了执行上下文的函数，可以稍后调用。调用的时候传
Penk是个码农·2023-10-19 11:20

web前端面试-- http的各个版本的区别（HTTP/0.9、HTTP/1.0、HTTP/1.1、HTTP/2.0、HTTP/3.0）

本人是一个web前端开发工程师，主要是vue框架，整理了一些面试题，今后也会一直更新，有好题目的同学欢迎评论区分享;-）web面试题专栏：点击此处http的各个版本的区别HTTP（超文本传输协议）是用于在网络上传输和接收超文本的协议。HTTP的各个版本有以下区别：HTTP/0.9：这是最早的版本，于1991年发布。它非常简单，只支持GET方法，并且没有头部信息。HTTP/1.0：这个版本于1996
Penk是个码农·2023-10-19 11:16

移动端 rem 适配方案

前端面试移动端rem适配方案1.适配方案移动端的适配方案：1.flex+rem单位做适配效果（比如淘宝和小米移动端）当前市场最多2.flex+viewportwidth/vh单位做适配效果（比如B站移动端
鲸洛洛·2023-10-19 03:02

腾讯云前端面试题及答案

腾讯云前端面试题js数据类型js语言特性闭包产生的原因CSS盒模型行内元素和块级元素区别重排和重绘事件的捕获和冒泡，冒泡的使用场景cookie，localstorage，sessionstorage跨域
祝小祝__·2023-10-19 03:27

前端面试题总结

AjaxreadyState表示xhr对象的请求状态，取值范围是0——4，分别表示5个不同的状态。0：（未初始化）xhr对象已经创建，但还没有调用open()方法。值为0表示对象已经存在，否则浏览器会报错：对象不存在。1:（载入/发送请求）调用open()方法对xhr对象进行初始化，根据参数(method,url,true)，完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表
煜成'Studio·2023-10-19 03:25

前端面试 vue生命周期钩子是如何实现的？理解vue中模板编译原理？

生命周期钩子在内部会被vue维护成一个数组(vue内部有一个方法mergeOption)和全局的生命周期合并最终转换成数组，当执行到具体流程时会执行钩子(发布订阅模式)，callHook来实现调用。理解vue中模板编译原理？1会将模板变成ast语法树(模板编译原理的核心就是ast->生成代码)2对ast语法树进行优化，标记静态节点.(vue3中模板编译做了哪些优化patchFlag,blockTr
老胡说前端·2023-10-19 03:13

2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）

作者：LienJackhttps://juejin.im/post/5e85ec79e51d4547153d0738本文将先从个人背景讲起，然后谈谈在字节跳动、虎牙、YY以及BIGO的面试经过，最后讲一下关于计算机基础、算法与数据结构、JavaScript等方面的学习经验，以及聊聊个人学习经验。文章整理不易，欢迎小伙伴们点赞、评论吐槽~现状个人背景2016年到2017年在网易互动娱乐从事游戏品牌宣
zz_jesse·2023-10-19 01:25

前端知识体系

前端知识体系第二期国外算法面试题目分析(英文)国外算法面试题目分析(中文)Node.js面试题，侧重后端应用与对Node核心的理解前端开发面试题大收集前端面试题大合集第一期前端100问：能搞懂80%的请把简历给我面试官到底想看什么样的简历这儿有
Michael18811380328·2023-10-19 01:52

JavaScript | 闭包

在JavaScript中存在着闭包这以概念，也是前端面试中经常会提到的一个知识点，下面就来介绍一下闭包吧。闭包是什么？
CRMEB·2023-10-18 18:46

前端面试题--箭头函数和普通函数的区别

1.写法不同，箭头函数使用箭头定义，写法简洁；普通函数使用function定义。2.箭头函数都是匿名函数；而普通函数既可以是匿名函数，也可以是具名函数。3.箭头函数不能作为构造函数来使用，也就是不能使用new；普通函数可以用作构造函数，以此来创建一个对象实例。4.this的指向不同，箭头函数没有this，在声明的时候，捕获上下文的this供自己使用，一旦确定不会变化。在普通函数中，this指向调用
桃子学前端·2023-10-18 15:53

前端面试系列-JavaScript-箭头函数(与普通函数的区别)

文章目录一、箭头函数二、与普通函数的区别1.箭头函数不会创建自己的this2.箭头函数继承而来的this指向永远不变（重要）3.call()、apply()、bind()无法改变箭头函数中this的指向4.箭头函数不绑定arguments,取而代之用rest参数…解决5.不能使用new操作符(作为构造函数使用)6.不能使用原型属性7.不能简单返回对象字面量8.箭头函数不能换行一、箭头函数//箭头函
LYFlied·2023-10-18 15:16

前端面试题：箭头函数和普通函数的区别？ 箭头函数为什么不能用作构造函数？

一.箭头函数在一些情况下书写更简洁（如：只有一个参数，函数体直接返回值的时候），即：()中定义参数，如果只有一个参数，可以不写括号；{}中写函数体，如果函数体中只有返回值，可以不写return.例如：show(item=>item)二.箭头函数没有自己的this箭头函数内的this变量指向外层非箭头函数的函数的this，或者将该箭头函数作为属性的对象，箭头函数不支持call()/apply()/b
薇z·2023-10-18 15:43
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他