【前端面试系列】
文章平均质量分 89
前端面试Offer收割系列
不停喝水
Web. Write Less,Do More
展开
-
【面试题】京东面试查漏补缺
【面试题】京东面试查漏补缺原创 2023-01-12 17:15:29 · 1281 阅读 · 0 评论 -
【JavaScript面试专题】经典JS面试题详解!
Promise 状态改变以后的回调函数(then 函数执行,如果此时状态没变,回调只会被缓存,只有当状态改变,缓存的回调函数才会被丢到任务队列)、Mutation observer。Commonjs是同步导入,因用于服务端,文件都在本地,同步导入即使卡住主线程影响也不大,后者是异步导入,因为用于浏览器端,需下载文件,如果采用同步导入对渲染会有很大影响。三个函数的作用都是将函数绑定到上下文中,用来改变函数中this的指向,借用已实现的方法,减少重复代码,节省内存。如果想更新,必须重新导入一回。........原创 2022-08-31 21:07:19 · 452 阅读 · 0 评论 -
【Vue面试专题】50+道经典Vue面试题详解!
vue经典面试题详解最近要准备面试了,所以重新总结一下最新的经典Vue面试题解析。这里是已经写完的一部分,后续面试过程中还会这一篇更新其他部分。原创 2022-08-26 00:20:47 · 24277 阅读 · 0 评论 -
【面试题】腾讯面试查漏补缺
目录1.JS精准地判断数据类型判断数据类型的三种方式1. typeof2. instanceof3. Object.prototype.toString.call();2.js 驼峰命名和下划线互换1.JS精准地判断数据类型判断数据类型的三种方式1. typeoftypeof对于原始类型来说,除了null都可以显示正确的类型;对于对象来说,除了函数,其他都会显示object,所以typeof可以正确识别:Undefined、Boolean、Number、String、Symbol、Function原创 2022-03-17 11:36:06 · 1914 阅读 · 0 评论 -
【面试题】查漏补缺散记
目录1.讲讲闭包以及在项目中的使用场景2.谈谈Promise.all方法,Promise.race方法以及使用3.谈谈依赖注入provide和inject4.说说Vuex5.JSON.stringify妙用1.讲讲闭包以及在项目中的使用场景闭包可以理解为定义在一个函数内部的函数它可以实现变量私有化但同时容易造成内存泄漏使用场景主要有返回值、函数赋值、自执行函数、迭代器等等例子:项目里面某个按钮计时器:发送短信验证码,会先定义一个变量timer然后在设定时器 const _this = th原创 2022-03-09 15:19:12 · 421 阅读 · 0 评论 -
【面试题】前端性能优化
前端性能优化一:网络传输性能优化1.网络传输性能优化2.资源打包压缩3.图片资源优化4. 使用CDN5. 使用预加载6. 发送请求时使用防抖和节流策略二:页面渲染性能优化1. 减少重排和重绘的发生2. 避免CSS、JS阻塞三:经典问题RQ1:首屏加载如何优化?一:网络传输性能优化1.网络传输性能优化使用http22.资源打包压缩资源打包压缩主要是通过webpack压缩以下内容:压缩JS代码:通过webpack的production模式压缩JS代码。压缩HTML代码:使用html-web原创 2022-03-04 16:47:44 · 1189 阅读 · 0 评论 -
【面试系列】=>11-30纯技术1小时面试总结
1.HTML CSS这个想不起来太多了,太基础了,想多少写多少而且答案不一定对,自己去补充,1.页面布局用到过哪些布局?普通布局,流失布局,FLEX布局,百分比,REM,响应式BOOTStrap等等…2.刚提到Flex,那怎么让一个父盒子里面放任意盒子,自适应父盒子display:flex;子盒子:flex:1;3.ES6有了解过吗let const 解构赋值,promise,async await, try catch,import,export等等4.讲一下promise是原创 2020-11-30 19:43:27 · 183 阅读 · 0 评论 -
【面试系列】=>补充 以及ESLint
专业技能1.倒排,把最有价值的排到最上面,如Vue、React,微信小程序等应该排前2位,其它往后排岗位职责1.开发相关的描述(分析项目需求和产品原型(axure是产品原型工具,墨刀),搭建项目及设计组件,进行相应的业务逻辑编码和接口调用,配合前端组长对项目代码进行优化,提高代码质量)2.配合测试相关的描述(配合测试修改Bug,配合产品经理(或者UI工程师)对页面进行优化,对用户体验进行优化)3.对已经上线项目进行相关的维护(包括添加新功能、新页面、修改线上页面细节问题及bug(Bug从哪里来?从原创 2020-11-27 18:43:21 · 1132 阅读 · 0 评论 -
【面试系列】=>项目模块分析
项目模块分析一、电商平台1、注册模块:由于form表单提交会跳转页面,一般采用异步上传(ajax形式),发出注册请求前,通过正则表达式对用户名、密码、手机号进行格式验证(长度、敏感字符等),当用户名表单失去焦点时,向后端发送请求校验用户名是否存在,如果存在则提示用户重新填写。当用户输入手机号点击获取验证码时,携带用户输入的手机号向后端发送请求,接收后端响应的验证码内容(发送到用户手机的短信验证码),用户输入收到的短信验证码填写之后,验证输入内容是否与后端响应内容一致,确认所有内容准确无误后,提交注册请求原创 2020-11-27 18:41:32 · 532 阅读 · 0 评论 -
【面试系列】=>小程序
1, 小程序页面有哪些生命周期函数onLoad: 页面加载onReady: 页面初次渲染完成onShow: 页面显示onHide: 页面隐藏onUnload: 页面卸载2, 一页小程序页面有哪些文件组成,分别有什么作用.wxml: 使用微信框架设计的一套组件构建页面结构.wxss: 用于设置页面样式, 和css基本一致.js : 设置页面数据与逻辑.json: 页面的配置信息3, 小程序中rpx和px有什么不同px是固定单位, 指的是物理像素, 小程序样式不建议使用px,而建议原创 2020-11-27 18:40:22 · 314 阅读 · 1 评论 -
【面试系列】=>Vue
1, 如何让CSS只在当前组件中起作用?在组件中的style前面加上scoped2, 的作用是什么?keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。3, vue组件中如何获取dom元素?使用ref属性获取, 在组件模板元素中添加ref属性, 在js中用this.$refs获取4, 说几个vue中的指令和它的用法?v-model双向数据绑定;v-for循环;v-if, v-show 显示与隐藏;v-bind 动态绑定属性v-on事件绑定;v原创 2020-11-27 18:39:47 · 848 阅读 · 0 评论 -
【面试系列】=>JavaScript
1, Js数据类型有哪些?数值、字符串、布尔、undefined、null、数组、对象、函数2, 引用类型和值类型的区别值类型存在于栈中, 存取速度快 引用类型存在于堆,存取速度慢值类型复制的是值本身 引用类型复制的是指向对象的指针值类型结构简单只包含基本数据, 引用类型结构复杂,可以实现多层嵌套3, 你的项目需要在页面上播放视频,用什么播放?怎么防止用户下载视频?可以使用video标签播放视频,通过DOM事件禁止下载, 可以在页面的鼠标右击事件和F12键盘事件的回调中return f原创 2020-11-27 18:38:51 · 436 阅读 · 0 评论 -
【面试系列】=>HTML CSS
1, HTML5中新增了哪些内容?广义上的html5指的是最新一代前端开发技术的总称,包括html5,CSS3,新增的webAPI。Html中新增了header,footer,main,nav等语义化标签,新增了video,audio媒体标签,新增了canvas画布。新增了一些标签属性,例如input的placeholder。Css3中新增了:圆角,阴影,滤镜,vwvh单位,flex布局,媒体查询,过度和动画,伪类。webAPI,新增了localStorage和sessionStorage,quer原创 2020-11-27 18:44:18 · 250 阅读 · 0 评论 -
【面试系列】=>总结20家面试 必问的15题 从CSS到VUE
css1. 一个盒子垂直水平居中有哪些方法https://www.cnblogs.com/gzy-tw/p/11205854.html2. flex:1 是什么意思https://www.runoob.com/cssref/css3-pr-flex.html3. rem为什么可以实现自适应布局https://blog.csdn.net/qq_42707446/article/details/93200711http1. 三次握手和四次挥手https://www.pianshen.com/a原创 2020-11-26 23:53:52 · 170 阅读 · 0 评论 -
【面试系列】=>洪一峰面试题
ES6常见面试题总结1、es5和es6的区别,说一下你所知道的es61.let声明变量和const声明常量:,两个都有块级作用域,ES5中是没有块级作用域的,并且var有变量提升, 在let中,使用的变量一定要进行声明再使用2.箭头函数:ES6中的函数定义不再使用关键字funtion(),而是利用()=>定义3.模板字符串:是增强版的字符串,用反引号(`)标识,可以当作普通字符串使用,也可以用来定义多行字符串4.解构赋值:允许按照一定模式,从数组和对象中提取值,对变量进行赋值5.for原创 2020-11-25 11:54:16 · 222 阅读 · 1 评论 -
【面试系列】=>面试总结
复习准备掘金上关于面试的文章很多,这也是社区一个现状,所以就挑了几篇个人觉得比较好的着重看了一下:2020年前端面试复习必读文章:这个大佬的思维导图整理的非常好,整个复习流程都是跟着这个导图来的,而且也不用自己到处搜索文章了,相当方便在阿里我是如何当面试官的 :这篇文章主要是了解一下阿里的面试是怎么样的,面试官关心什么面试分享:两年工作经验成功面试阿里P6总结 :实战篇,真实的阿里大佬面试经验字节跳动今日头条前端面经(4轮技术面+hr面):实战篇,真实的字节大佬面试经验以上文转载 2021-01-18 23:26:14 · 334 阅读 · 0 评论 -
【面试系列】=>面试必问 JS高级+ES6 的十二题
1.类继承和普通function继承有什么区别,请写出用类继承的案例(附代码图片)?2.请写出你所知道的创建对象和数组的几种方式(方法数量不限)?3.请你写出你使知道的对象和数组的方法和他们所使用的意义(不少于8个:必须掌握)4.请你写出递归的原理是什么,解决了什么问题,应用场景是什么?(描述+代码截图)5.请你写出闭包的原理是什么,解决了什么问题,应用场景是什么?(描述+代码截图)6.请写出JS严格模拟的语法,并且说出严格模拟和非严格模式的区别,以及应用情景?(必须了解)7.请写出操作字符串和原创 2020-11-20 16:18:17 · 208 阅读 · 0 评论 -
【面试系列】=>简单描述一下token的作用和使用场景?
简单描述一下token的作用和使用场景?因为http协议是无状态的协议,所有我们用户登录以后,访问一些带权限的页面,就无法判断能否给用户展示?一般判断用户的身份有两种通用的方式,一种是 cookie+session的模式(用户用账号和密码登录成功以后,后端php,java等,就会返回给我们一个 sessionId的值,存在数据库redis里面, 然后再通过一些 set-cookie响应头 发送给前端, 浏览器就会自动将这个值保存在用户电脑上面,称为cookie; 然后我们所有的请求发送之前 都原创 2020-11-13 21:10:10 · 284 阅读 · 0 评论 -
【面试系列】=> [vue移动端项目] 使用过的配置文件
配置过.eslintrc.js.postcssrc.js.prettierrc.js原创 2020-11-02 15:28:08 · 166 阅读 · 0 评论 -
【面试系列】=> [JS系列]
1.常用ES6语法1.Let:声明的变量,只作用与使用了let命令的代码块2.const:声明一个常量,声明过后,就不可修改其值(会报错)3.解构赋值4. 箭头函数:优点:函数的写法更加简洁.箭头函数内部没有自己的this对象,而是全部继承它的上下文的this,所以内部的this就是外部代码层的this...原创 2020-10-30 16:47:39 · 90 阅读 · 0 评论 -
【面试系列】=> [H5C3]
1.display和visibility的区别是什么?一:空间占据display:none;是彻底消失,不再文档流种占位置,浏览器也不会被解析该元素visibility:hidden 是视觉上消失了,可以理解为透明度为0的效果,再文档流中占位,浏览会解析该元素visibility:hidden比display:none性能要好,display:none切换显示,页面会产生回流(页面重新构建,此时就是回流),而visility切换是否显示则不会引起回流二:子元素继承display:none不会被子原创 2020-10-27 17:06:26 · 222 阅读 · 0 评论