前端面试

2024/4/11 18:22:47

背上小书包准备run之TypeScript篇

这TypeScript我真不知道面试会咋问。。。 哦以前还写过一篇基础⬇️ Typescript 基础易理解-------冲冲冲_ts和js有什么区别_慢谷的博客-CSDN博客 typescript数据类型? 基本类型: number: 表示数值,包括整数和浮点数。 string: 表示字符…

背上花里胡哨的书包准备面试之webpack篇(+一些常问的面试题)

目录 webpack理解? webpack构建流程? loader解决什么问题? plugin解决什么问题? 编写loader和plugin的思路? webpack热更新? 如何提高webpack的构建速度? 问git常用命令? ht…

背上花里胡哨的书包准备run之webpack篇(+一些常问的面试题)

webpack理解? Webpack 是一个现代的静态模块打包工具。它是一个基于配置的构建工具,用于将多个模块(包括 JavaScript、样式表、图像等)打包成一个或多个 bundle,并提供了一种优化资源加载和管理的方式。 主要概念和工…

每天10个前端小知识 【Day 13】

前端面试基础知识题 1. Position:absolute绝对定位,是相对于谁的定位? CSS position属性用于指定一个元素在文档中的定位方式。top,right,bottom 和 left 属性则决定了该元素的最终位置。 absolute的元素会被移出正…

TypeScript常见面试题第四节

题目十六:在 TypeScript 中,比较运算符 和 有什么不同? 一、讲解视频 CSDN视频: TS面试题十六:比较运算符 和 有什么不同? B站视频: TS面试题十六:比较运算符 和 有什么不同…

2024最新前端React面试题:React18相比react17有哪些主要更新?

React18相比react17有哪些主要更新? 回答思路:1.setState和自动批处理-->2.新增root API--> 3.并发模式渲染-->4.不对IE浏览器支持-->5.react组件返回值更新-->6.strict mode更新-->7.react18支持useId-->8.-->Concurrent Mode-…

webpack一些常用的Loader和Plugin

文章目录 webpack4一些常用的Loader:webpack4一些常用的Plugin:关于webpack5的一些特点:新增特性:修复的问题:内置模块和工具: 关于webpack5的一些内置:内置Loader:内置Plugin: webp…

背上沉重的书包准备面试之react篇

目录 react特性? react生命周期? state和props区别 react中setState执行机制? 在react类组件形式中,setState第二个参数的作用? react事件机制? react事件绑定方式有哪些? react组件之间…

每天10个前端小知识 【Day 8】

前端面试基础知识题 1. Javascript中如何实现函数缓存?函数缓存有哪些应用场景? 函数缓存,就是将函数运算过的结果进行缓存。本质上就是用空间(缓存存储)换时间(计算过程), 常用于…

面试集锦(一)

1.优先级 var z1,yztypeof y; console.log(y);//undefined由于typeof的优先级大于,所以先执行ytypeof y,返回结果undefined。之后的赋值操作从右往左依次执行。所以结果为undefined 2.执行顺序 var a glabol; function test(){console.log(a);var a local } tes…

查找2个dom节点的最近的共同父元素

* 查找两个节点的最近的一个共同父节点,可以包括节点自身 function commonParentNode(oNode1, oNode2) {while(true) {oNode1 oNode1.parentNode;if (oNode1.contains(oNode2)){return oNode1;break;}} }代码思路理解: 自定义一个函数,参数…

背上大大书包准备run之JS篇(含Es6)

word天,整理都半天,这么多,不得背死我。。。 js数据类型? 原始类型(Primitive types): 数字 (Number):例如:42, 3.14. 字符串 (String):例如:"Hello…

js面试题(3)

考察点:基本数据类型 var a 1; a.plu 2; console.log(a.plu a);var s hello; s.plu world; console.log(s.plu s);打印结果: NaN undefinedhello解析: 基础数据类型不能使用这种形式赋值,基本数据类型的值是存在栈内的&am…

前端面试题记录(大环境不太友好的2022篇)

前言 不出去体会一下就想不到所谓的别人口中的 “大环境不太好” 的具体情况 结果就是:相比上一次确实难多了,之前没投几家最后就确定了,这次真的是达到了海投的地步 (还是准备不够充分,实力不过关) 在招企业远没有之前多开放的h…

背上小书包准备面试之TypeScript篇

目录 typescript是啥?与javascript的区别? typescript数据类型? typescript中枚举类型?应用场景? typescript中接口的理解?应用场景? typescript中泛型的理解?应用场景&#xf…

背上大大书包准备面试之JS篇(含Es6)

目录 js数据类型? 数组常用方法?哪些改变原数组,哪些不改变? 冒泡排序不用js数组sort方法? 字符串常用方法? 和 区别,分别在什么情况使用? 深拷贝浅拷贝? 闭包&am…

深入理解 CSS——CSS进阶与实践(5w字高频面试题整理)

本文总结了CSS高频面试题,并搭配了演示动画进行CSS样式演示。介绍了关于如何理解盒模型,如何实现块级元素水平居中,如何实现两侧固定中间自适应的三栏布局、如何实现两栏布局,如何进行响应式设计,对BFC的理解&#xff…

面试被问的性能优化(给我死记硬背!)

文章目录 首屏加载性能方案SEO优化图表性能优化大文件上传失败解决方案长列表性能方案动画性能优化方案Webpack 打包优化Vite 打包优化 首屏加载性能方案 优化 Vue 项目的首屏加载性能对于提高用户体验至关重要。以下是一些关于 Vue 项目首屏优化的建议: 路由懒加载…

2023前端面试题(计算机网络):HTTP和HTTPS协议的区别

HTTP和HTTPS协议的区别 回答思路:费用区别-->传输协议区别-->端口号区别-->连接难易程度-->安全性1.费用区别2.传输协议的区别3.端口号区别4.连接难易程度5.安全性 回答思路:费用区别–>传输协议区别–>端口号区别–>连接难易程度–…

每天10个前端小知识 【Day 10】

前端面试基础知识题 1. es5 中的类和es6中的class有什么区别? 在es5中主要是通过构造函数方式和原型方式来定义一个类,在es6中我们可以通过class来定义类。 class类必须new调用,不能直接执行。 class类执行的话会报错,而es5中…

记录前端面试的一些笔试题(持续更新......)

文章目录 js相关数组去重数组对象去重 实现数组unshift数组扁平化tree型数据扁平化list数据转tree型数据 对象深拷贝防抖/节流函数柯里化函数管道 随便记录一些,面试或者工作中都会用到,实现的方法很多,这里只是一小部分,有更好的…

深入理解Promise:用法和面试问题解析

引言 在现代的异步JavaScript编程中,Promise是一个强大的工具,用于更优雅地处理异步操作。本文将深入探讨Promise的具体用法,并提供一些在面试中可能遇到的问题及其答案。 Promise的基本用法 Promise是一个代表异步操作最终完成或失败的对…

背上沉重的书包准备run之react篇

沉重,太沉重了。。。没理好捏,等我脑子歇歇再好好补充一下 react特性? React 是一个用于构建用户界面的 JavaScript 库,它具有以下特性: 组件化开发:React 基于组件化思想,将 UI 拆分为独立、…

每天10个前端小知识 【Day 12】

前端面试基础知识题 1. Promise中,resolve后面的语句是否还会执行? 会被执行。如果不需要执行,需要在 resolve 语句前加上 return。 2. 什么是内存泄漏?什么原因会导致呢? 内存泄露的解释:程序中己动态…

收集前端面试题(一)

BFC系列问题 要使子元素顶部距离父元素100px怎么做? 解决方式: 为子元素加上margin-top: 100px; 然后为父元素加上overflow: hidden;形成BFC;为子元素加上宽度为100px的border;为父元素加上padding: 100px; 遇到那些问题需要用到BFC&#…

前端面试——href=#、href=javascript:void(0)与href=javascript:;的区别

我们在使用a标签的空链接时,通常写为 href# 或者 hrefjavascript:void(0) ,这两种写法有什么区别呢?我想很多人都不会去深究,但是这两种写法出来的效果有时候是不一样的。 概括来说,这两种写法有如下几个区别&#xf…

前端面试题(计算机网络):options请求方法及使用场景

OPTIONS请求方法及使用场景 回答思路:什么是options请求-->options请求方法-->options使用场景什么是options请求?(浅入)扩展:常见的HTTP请求有什么?扩展:常见的HTTP请求的作用&#xff1…

前端面试题(计算机网络):HTTP 1.0 和 HTTP 1.1 之间有哪些区别?

HTTP 1.0 和 HTTP 1.1 之间有哪些区别? 回答思路:记住HTTP1.1是HTTP1.0的plus(升级版),直接讲1.1比1.0怎么好怎么好了,连接方面-->请求资源方面-->缓存方面-->新增字段-->新增请求方法连接方面请求资源方面新增字段新…

web前端面试-- js深拷贝的一些bug,特殊对象属性(RegExp,Date,Error,Symbol,Function)处理,循环引用weekmap处理

本人是一个web前端开发工程师,主要是vue框架,整理了一些面试题,今后也会一直更新,有好题目的同学欢迎评论区分享 ;-) web面试题专栏:点击此处 文章目录 深拷贝和浅拷贝的区别浅拷贝示例深拷贝示例 特殊对象…

2024前端React最新面试题:React设计思想是什么?

React设计思想是什么? 回答思路:react的组件化-->react的数据驱动-->react的虚拟DOMreact的组件化数据驱动视图虚拟DOM 回答思路:react的组件化–>react的数据驱动–>react的虚拟DOM react的组件化 每个组件都符合开放封闭原则…

前端面试题(计算机网络):GET和POST的请求的区别是什么?

声明:什么是幂等请求?答:不管对同一资源请求多少次返回的结果都相同 Post 和 Get 是 HTTP 请求的两种方法,其区别如下: 应用场景: GET 请求是一个幂等请求,一般 Get 请求用于对服务器资源不会…

arr.map()的使用

一、概念 map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 二、语法 var new_array arr.map(function callback(currentValue[, index[, array]]) {// Return element for new_array }[, thisArg])参数: ca…

每天10个前端小知识 【Day 11】

前端面试基础知识题 1. 浏览器的垃圾回收机制有哪些? JS会在创建变量时自动分配内存,在不使用的时候会自动周期性的释放内存,释放的过程就叫 “垃圾回收”。 一方面自动分配内存减轻了开发者的负担,开发者不用过多的去关注内存…

小红书前端开发面试题(拓展知识)

1、断点续传怎么做的? 答:断点续传是一种网络传输技术,可以在文件传输中出现中断后恢复传输而无需重新开始传输整个文件。这在文件传输较大、网络不稳定、带宽有限等情况下尤为重要。 通常情况下,实现断点续传需要客户端和服务端…

前端面试经典题--页面布局

题目 假设高度已知&#xff0c;请写出三栏布局&#xff0c;其中左、右栏宽度各为300px&#xff0c;中间自适应。 五种解决方式代码 浮动解决方式 绝对定位解决方式 flexbox解决方式 表格布局 网格布局 源代码 <!DOCTYPE html> <html lang"en"> <…