✿✿--前端面试题

前端面试题：如何画一条0.5px的线

前言理论上1px已经是最小单位了，那如何画一条0.5px的线呢？有以下两种方法解决方法采用metaviewport的方式这样子就能缩放到原来的0.5倍，如果是1px那么就会变成0.5px要记得viewport只针对于移动端，只在移动端上才能看到效果采用transform:scale()的方式transform:scale(0.5,0.5);
想搞全栈的前端·2022-10-29 22:25

2022年10月 前端面试题总结——（二）

第一章面试题基础篇1.1HTML面试题行内元素有哪些？块级元素有哪些？空(void)元素有哪些？行内元素：span、img、input...块级元素：div、footer、header、section、p、h1...h6...空元素：br、hr...元素之间的转换问题：display:inline;把某元素转换成了行内元素===>不独占一行的，并且不能设置宽高display:inline-bloc
小王爱学习1234·2022-10-28 16:18

前端面试题 | HTML5新特性有哪些？CSS3新特性有哪些？

H5新特性拖拽释放（Draganddrop）API语义化更好的内容标签（header，nav，footer，aside，article，section）音频、视频API(audio,video)画布(Canvas)API地理（Geolocation）API本地离线存储localStorage长期存储地址，浏览器关闭后数据不丢失sessionStorage的数据在浏览器关闭后自动删除表单控件，cal
学无止境呀小徐·2022-10-22 18:04

手撕前端面试题【javascript~模板字符串、类继承、参数解析器、生成页码等】

前端的那些基本标签模板字符串类继承参数解析器生成页码js中哪些操作会造成内存泄漏?html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。css,相当于把骨架修饰起来，相当于人的皮肉。js(javascripts),动起来，相当于人的血液，大脑等一切能使人动起来的器官或者其他的。在刷题之前先介绍一下牛客。Leetcode有的刷题牛客都有，除此之外牛客里面还有招聘（社招
不良使·2022-10-18 17:52

前端面试题 —— CSS （一）

一、CSS中可继承与不可继承属性有哪些？无继承性的属性display：规定元素应该生成的框的类型文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向盒子模型的属性：width、height、margin、border、padding背景
Markuo·2022-10-18 10:04

【前端面试题】08—31道有关前端工程化的面试题

随着前端技术的发展，前端工程化变得越来越重要。前端工程化部分的面试题主要考察应试者对工程化的理解与运用，如何通过工程化来提高代码质量、编译代码、优化代码；如何提高网站性能，保障网站安全，提升用户体验；如何将开发的代码按照理想的方式发布和上线等。当然，一些新技术的实现（诸如EMAScript6、typescript、jsx、Less、Sass、Stylus等）都离不开前端工程化。1、谈谈你对WebP
油墨香^_^·2022-10-18 10:34

来自大厂 10+ 前端面试题附答案(整理版)

如何提⾼webpack的打包速度?（1）优化Loader对于Loader来说，影响打包效率首当其冲必属Babel了。因为Babel会将代码转为字符串生成AST，然后对AST继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。当然了，这是可以优化的。首先我们优化Loader的文件搜索范围module.exports={module:{rules:[{//js文件才使用babeltes
·2022-10-18 08:07

金九银十前端面试题总结（附答案）

代码输出结果asyncfunctionasync1(){console.log("async1start");awaitasync2();console.log("async1end");}asyncfunctionasync2(){console.log("async2");}async1();console.log('start')输出结果如下：async1startasync2startas
·2022-10-14 09:58

年底前端面试题总结（下）

Chrome打开一个页面需要启动多少进程？分别有哪些进程？打开1个页面至少需要1个网络进程、1个浏览器进程、1个GPU进程以及1个渲染进程，共4个；最新的Chrome浏览器包括：1个浏览器（Browser）主进程、1个GPU进程、1个网络（NetWork）进程、多个渲染进程和多个插件进程。浏览器进程：主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。渲染进程：核心任务是将HTML、CSS
·2022-10-11 10:32

年底前端面试题总结（上）

对keep-alive的理解HTTP1.0中默认是在每次请求/应答，客户端和服务器都要新建一个连接，完成之后立即断开连接，这就是短连接。当使用Keep-Alive模式时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接，这就是长连接。其使用方法如下：HTTP1.0版本是默认没有Keep-alive的（也就是默认
·2022-10-11 10:31

前端面试题整理

前端面试题1.JS作用域和作用域链作用域作用域就是代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存。
·2022-10-09 19:08

高频前端面试题

高频面试题文章目录高频面试题一、HTML1、你都做过哪些兼容性问题？2、如何提高页面性能？3、谈谈你对H5的理解？4、浏览器从输入网址都看到网页都发生了什么？5、重绘和重排？6、缓存？7、状态码？8、!DOCTYPEhtml是干什么的，有什么用？二、CSS1、display:none;和visibility:hidden;的区别是什么？2、CSS优先级和权重值如何计算3、如何触发BFC，以及BFC
会说嘴的话·2022-10-07 21:15

web前端面试题（必背面试题）

css系列面试官：说说你对盒子模型的理解一、是什么所有元素都可以有像盒子一样的平面空间和外形一个盒子由四部分组成：context,padding,margin,bordercontent：实际内容，显示文本和图像padding:内边距，清除内容周边的区域，内边距是透明的，不能取负值，受盒子的background属性影响margin:外边距，在元素外创建额外的空白，空白通常指不能放其他元素的区域下面
Z_Xshan·2022-10-07 14:09

前端面试题：Token一般是存放在哪里 Token放在cookie和放在localStorage、sessionStorage中有什么不同

Token其实就是访问资源的凭证。一般是用户通过用户名和密码登录成功之后，服务器将登陆凭证做数字签名，加密之后得到的字符串作为token。它在用户登录成功之后会返回给客户端，客户端主要有这么几种存储方式:1．存储在localStorage中，每次调用接口的时候都把它当成一个字段传给后台。2.存储在cookie中，让它自动发送，不过缺点就是不能跨域。3拿到之后存储在localStorage中，每次调
普通网友·2022-09-30 05:33

手撕前端面试题【javascript~文件扩展名、分隔符、单向绑定、判断版本、深浅拷贝、内存泄露等】

前端的那些基本标签直角三角形文件扩展名分隔符单向绑定创建数组判断版本什么是深拷贝，什么是浅拷贝，二者有什么区别，平时改怎么区分呢？js中不同类型存放的位置不同深拷贝与浅拷贝的区别js中哪些操作会造成内存泄漏?html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。css,相当于把骨架修饰起来，相当于人的皮肉。js(javascripts),动起来，相当于人的血液，大脑
不良使·2022-09-28 07:24

前端面试题【js动态创建节点、怎么阻止冒泡事件、怎么阻止默认事件、什么是深拷贝，什么是浅拷贝、js造成内存泄漏的操作有哪些等】

前端的那些基本标签JS动态创建节点根据ID获取元素JS修改元素内容阻止冒泡事件阻止默认事件什么是深拷贝，什么是浅拷贝，二者有什么区别，平时改怎么区分呢？js中不同类型存放的位置不同深拷贝与浅拷贝的区别js中哪些操作会造成内存泄漏?html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。css,相当于把骨架修饰起来，相当于人的皮肉。js(javascripts),动起来
不良使·2022-09-28 07:23

2022总结前端面试题及答案 - JS篇（一）

一、JS面试题Q1.JS的数据类型都有哪些？A1:javascript有11种数据类型值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol、BigInt。引用数据类型：对象(Object)、数组(Array)、函数(Function)、正则（RegExp）、日期（Date）。注：Symbol是ES6引入
newBunny·2022-09-26 09:53

前端面试题 | VUE组件传值，VUEX怎样传值的？

一、父子组件传值父子组件传值使用props向子组件传递数据子组件直接使用props接收父组件传递过来的值，接收过来的值可以直接使用{{logo}}exportdefault{props:['logo']name:"headerdiv"data(){return{name:''}}}父组件通过v-bind将logo的值绑定为父组件里面需要传递给子组件的变量importHeaderDivfrom'./
学无止境呀小徐·2022-09-25 09:55

【前端面试题4】

1.行属性，块属性，行块属性特点及其包含哪些标签1.1块属性：上下排列，独占一行支持设置宽高，如果不设置宽高，宽度自动撑满父容器，高度由内容决定div，p，h1—h6，ol>li1.2行属性：左右排列不支持设置宽高不支持上下的marign和paddinga,span1.3行块属性：左右排列支持设置宽高img2.alt,title,src标签的含义alt：图片加载失败提示音title：鼠标移入提示音
欢lele·2022-09-25 01:38

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

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

【面试题】 面试官：你个老六，连继承都不会...

给大家推荐一个实用面试题库1、前端面试题库（面试必备）推荐：★★★★★地址：前端面试题库前言面试官：“你说说JavaScript中实现继承有哪几种方法？”
前端技术栈·2022-09-22 18:46

前端面试题JavaScript篇——2022-09-22

每日3题1以下代码执行后，控制台中的输出内容为？console.log(+true,!'hello')2点击p标签时，会输出什么constnumbers=[1,2,3,4,5]const[y]=numbersconsole.log(y)3以下代码执行后，控制台中的输出内容为？constfn=(x)=>(y)=>(z)=>{console.log(x,y,z);};fn(1)(2)(3);公众号【今
·2022-09-22 15:33

前端面试题：什么是解构赋值？解构赋值的用途有哪些？

前端面试题：什么是解构赋值？解构赋值的用途有哪些？1.什么是解构赋值？①定义：解构赋值语法是一种Javascript表达式。通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量。
薇z·2022-09-22 11:39

最新web前端面试题大全

私信发送pdf手册版1|前端基础1.1|HTTP/HTML/浏览器说一下http和https参考回答：https的SSL加密是在传输层实现的。(1)http和https的基本概念http:超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https:是
山高路远.·2022-09-22 08:35

前端面试题之 对Promise的理解

一、什么是Promise?我们用Promise来解决什么问题？我们都知道，Promise是承诺的意思，承诺他过一段时间会给你一个结果。Promise是一种解决异步编程的方案，相比回调函数和事件更合理和更强大。从语法上讲，Promise是一个对象，从它可以获取异步操作的信息二、Promise有三种状态pending初始状态也叫等待状态fulfiled成功状态rejected失败状态状态一旦改变，就不
河北小宝·2022-09-22 07:49

前端面试题：对promise的理解

优点：可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。缺点：无法取消Promise，一旦新建它就会立即执行，无法中途取消。如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。当处于Pending状态时，无法得知目前进展到哪一个阶段。promise内部有三种状态，pedding，fulfilled，re
前端程序员路易·2022-09-22 07:48

JS前端面试题（二）之Promise的理解

promise是是一种异步操作的解决方案，把写法复杂的传统的回调函数和监听事件的异步操作，用同步代码的影视表达出来。避免了多级异步操作的回调函数的嵌套。用于异步操作可以把异步操作队列化，按照期望的顺序执行，返回复合预期的结果可以把在对象之间传递和操作promise，帮助我们处理队列、promise是一个对象，他的实现有三种状态初始状态：pedding已完成：reslove失败：rejectprom
担心我的发际线·2022-09-22 07:18

前端面试题JavaScript篇——2022-09-20

每日3题1以下代码执行后，控制台中的输出内容为？//index.jsconsole.log(1);import{sum}from"./sum.js";console.log(sum(1,2));//sum.jsconsole.log(2);exportconstsum=(a,b)=>a+b;2以下代码执行后，控制台中的输出内容为？constvalue={number:10};constmultip
·2022-09-20 17:12

前端面试题JavaScript篇——2022-09-16

每日3题1以下代码执行后，控制台中的输出内容为？//以下代码执行后，浏览器的控制台中输出的内容是什么vararr=[0,1,2];arr[10]=10;varnewArr=arr.filter((x)=>x===undefined);console.log(newArr);2以下代码执行后，控制台中的输出内容为？//以下代码执行后，控制台中输出的内容是什么constobj={2:3,3:4,len
·2022-09-16 16:54

前端面试题(附答案)持续更新中

对作用域、作用域链的理解1）全局作用域和函数作用域（1）全局作用域最外层函数和最外层函数外面定义的变量拥有全局作用域所有未定义直接赋值的变量自动声明为全局作用域所有window对象的属性拥有全局作用域全局作用域有很大的弊端，过多的全局作用域变量会污染全局命名空间，容易引起命名冲突。（2）函数作用域函数作用域声明在函数内部的变零，一般只有固定的代码片段可以访问到作用域是分层的，内层作用域可以访问外层
·2022-09-15 20:25

手撕前端面试题【JavaScript】

前端的那些基本标签浅拷贝简易深拷贝深拷贝什么是深拷贝，什么是浅拷贝，二者有什么区别，平时改怎么区分呢？js中不同类型存放的位置不同深拷贝与浅拷贝的区别寄生组合式继承发布订阅模式js中哪些操作会造成内存泄漏?html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。css,相当于把骨架修饰起来，相当于人的皮肉。js(javascripts),动起来，相当于人的血液，大脑等
不良使·2022-09-15 17:04

手撕前端面试题【javascript】

前端的那些基本标签instanceofArray.mapArray.filterArray.reduce_objectCreatejs中哪些操作会造成内存泄漏?html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。css,相当于把骨架修饰起来，相当于人的皮肉。js(javascripts),动起来，相当于人的血液，大脑等一切能使人动起来的器官或者其他的。在刷题之前先
不良使·2022-09-15 17:33

手撕前端面试题（Javascript~事件委托、数组去重、合法的URL、快速排序、js中哪些操作会造成内存泄漏......

前端的那些基本标签事件委托数组去重合法的URL快速排序全排列js中哪些操作会造成内存泄漏?html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。css,相当于把骨架修饰起来，相当于人的皮肉。js(javascripts),动起来，相当于人的血液，大脑等一切能使人动起来的器官或者其他的。在刷题之前先介绍一下牛客。Leetcode有的刷题牛客都有，除此之外牛客里面还有招
不良使·2022-09-15 17:56

前端面试题JavaScript篇——2022-09-15

每日3题1以下代码执行后，控制台中的输出内容为？//以下代码执行后，控制台中输出的内容是什么varfullname="a";varobj={fullname:"b",prop:{fullname:"c",getFullname:function(){returnthis.fullname;},},};console.log(obj.prop.getFullname());vartest=obj.p
·2022-09-15 11:33

前端面试题整理

对媒体查询的理解？媒体查询由⼀个可选的媒体类型和零个或多个使⽤媒体功能的限制了样式表范围的表达式组成，例如宽度、⾼度和颜⾊。媒体查询，添加⾃CSS3，允许内容的呈现针对⼀个特定范围的输出设备⽽进⾏裁剪，⽽不必改变内容本身，适合web⽹⻚应对不同型号的设备⽽做出对应的响应适配。媒体查询包含⼀个可选的媒体类型和满⾜CSS3规范的条件下，包含零个或多个表达式，这些表达式描述了媒体特征，最终会被解析为tr
·2022-09-15 09:26

前端面试题JavaScript篇——2022-09-14

每日3题1以下代码执行后，控制台中的输出内容为？varcompany={address:"chengdu",};varobj=Object.create(company);deleteobj.address;console.log(obj.address);2以下代码执行后，控制台中的输出内容为？vara=[0];if(a){console.log(a==true);}else{console.l
·2022-09-14 14:44

push数组元素不渲染 vue_2020前端最新面试题（vue篇）

由于疫情原因，原本每年的“金三银四”仿佛消失，随之而来的是找工作的压力，这里给要面试的小伙伴们总结了到目前为止我遇到的前端面试题，仅供参考哦，如有错误之处，还请指出。
weixin_39644146·2022-09-14 02:10

2022前端面试复习

前端知识是在是太多，持续更新中...希望对真正找工作的你有所帮助，文末我整理了一下面试文章，感兴趣的可以看看，尤其是2022高频前端面试题汇总系列，帮助很大。文章有所不足的地方还指明。
·2022-09-13 15:19

美团前端面试题合集

原型链指向p.__proto__//Person.prototypePerson.prototype.__proto__//Object.prototypep.__proto__.__proto__//Object.prototypep.__proto__.constructor.prototype.__proto__//Object.prototypePerson.prototype.const
·2022-09-13 10:03

滴滴前端面试题

Unicode、UTF-8、UTF-16、UTF-32的区别？（1）Unicode在说Unicode之前需要先了解一下ASCII码：ASCII码（AmericanStandardCodeforInformationInterchange）称为美国标准信息交换码。它是基于拉丁字母的一套电脑编码系统。它定义了一个用于代表常见字符的字典。它包含了"A-Z"(包含大小写)，数据"0-9"以及一些常见的符号
·2022-09-13 10:02

美团前端面试题（附答案）

CDN的原理CDN和DNS有着密不可分的联系，先来看一下DNS的解析域名过程，在浏览器输入的解析过程如下：（1）检查浏览器缓存（2）检查操作系统缓存，常见的如hosts文件（3）检查路由器缓存（4）如果前几步都没没找到，会向ISP(网络服务提供商)的LDNS服务器查询（5）如果LDNS服务器没找到，会向根域名服务器(RootServer)请求解析，分为以下几步：根服务器返回顶级域名(TLD)服务器
·2022-09-12 22:15

滴滴前端面试题合集

DNS记录和报文DNS服务器中以资源记录的形式存储信息，每一个DNS响应报文一般包含多条资源记录。一条资源记录的具体的格式为（Name，Value，Type，TTL）其中TTL是资源记录的生存时间，它定义了资源记录能够被其他的DNS服务器缓存多长时间。常用的一共有四种Type的值，分别是A、NS、CNAME和MX，不同Type的值，对应资源记录代表的意义不同：如果Type=A，则Name是主机名，
·2022-09-12 22:14

96道前端面试题，下载量瞬秒百万

3）javascript初阶变量和运算符逻辑控制数据类型基础Math类函数定时器Array类String类Date类Object类4）JavaScript进阶JavaScriptDOM基础this事件事件流JavaScriptBOM基础call&apply&bind自定义属性面向对象编程5）ES6/7/8/9ECMAScript6简介let和constES6+的作用域对象的扩展函数的扩展字符串的扩
普通网友·2022-09-12 07:39

【MySQL】2020-2021前端面试题合集

3）javascript初阶变量和运算符逻辑控制数据类型基础Math类函数定时器Array类String类Date类Object类4）JavaScript进阶JavaScriptDOM基础this事件事件流JavaScriptBOM基础call&apply&bind自定义属性面向对象编程5）ES6/7/8/9ECMAScript6简介let和constES6+的作用域对象的扩展函数的扩展字符串的扩
普通网友·2022-09-12 07:07

腾讯前端面试题合集

代码输出结果varobj={name:'cuggz',fun:function(){console.log(this.name);}}obj.fun()//cuggznewobj.fun()//undefined使用new构造函数时，其this指向的是全局环境window。原函数形参不定长（此时fn.length为0）functioncurry(fn){//保存参数，除去第一个函数参数letarg
·2022-09-11 07:18

腾讯前端面试题

0.1+0.2===0.3嘛？为什么？JavaScript使用Number类型来表示数字（整数或浮点数），遵循IEEE754标准，通过64位来表示一个数字（1+11+52）1符号位，0表示正数，1表示负数s11指数位（e）52尾数，小数部分（即有效数字）最大安全数字：Number.MAX_SAFE_INTEGER=Math.pow(2,53)-1，转换成整数就是16位，所以0.1===0.1，是因
·2022-09-10 00:51

京东前端面试题

callapplybind题目描述:手写callapplybind实现实现代码如下:Function.prototype.myCall=function(context,...args){if(!context||context===null){context=window;}//创造唯一的key值作为我们构造的context内部方法名letfn=Symbol();context[fn]=this
·2022-09-09 21:17

前端面试题JavaScript篇——2022-09-09

每日3题31关于AMD、CMD规范区别说法正确的是？（多选）A.AMD规范：是RequireJS在推广过程中对模块定义的规范化产出的B.CMD规范：是SeaJS在推广过程中对模块定义的规范化产出的C.CMD推崇依赖前置;AMD推崇依赖就近D.CMD是提前执行;AMD是延迟执行E.AMD性能好,因为只有用户需要的时候才执行;CMD用户体验好,因为没有延迟,依赖模块提前执行了32以下代码执行后，控制台
·2022-09-09 21:16

字节前端面试题

寄生组合继承题目描述:实现一个你认为不错的js继承方式实现代码如下:functionParent(name){this.name=name;this.say=()=>{console.log(111);};}Parent.prototype.play=()=>{console.log(222);};functionChildren(name){Parent.call(this);this.name
·2022-09-09 16:02

前端面试题JavaScript篇——2022-09-08

每日3题28以下代码执行后，控制台中的输出内容为？functionshowCase(value){switch(value){case'A':console.log('caseA');break;case'B':console.log('caseB');break;caseundefined:console.log('undefined');break;default:console.log('D
·2022-09-08 16:47
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他