面试
文章平均质量分 79
面试
涵。
这个作者很懒,什么都没留下…
展开
-
前端场景题
(1)http请求过多(2)页面回流和重绘较多(3)接收数据时间长,下载资源过大。原创 2022-10-06 21:47:13 · 1094 阅读 · 0 评论 -
前端面试准备-day01
防抖是指在一定时间内事件如果再次触发则重新计算时间例如在搜索时,需要在输入框n秒后不再改变再去搜索内容2 节流函数节流是指一定时间内事件只执行一次3 图片懒加载懒加载的一种实现方式:当页面滚动到图片出现可视区域时,通过js取到该图片的data-src值赋值给src基于session的身份认证(缺点:信息存储在后端,会增加服务器负担)当服务器请求量变大,需要增加服务器配置,由于不同服务器的sessionId不一样基于token的身份认证基于JWT的身份认证.........原创 2022-06-08 22:04:46 · 133 阅读 · 0 评论 -
前端面试题
面试题来源于以下链接,这里仅供个人复习使用前端面试每日一题:https://q.shanyue.tech/一本正经前端面试清单: http://huasenjio.top/article/interview1 HTML1、标签语义化的作用标签语义化可以是代码结构更加清晰,更有利于搜索引擎的优化2、浏览器内核chrome、ie、firefox、safari3、标签上alt和title属性的作用alt属性用于不显示图片时,显示信息;title属性用于鼠标悬浮于图片上时显示的信息4、HTM原创 2022-03-22 21:58:08 · 1709 阅读 · 0 评论 -
金山前端面试题
1 回流和重绘,如何减少?回流是指页面元素的位置、大小改变引起布局的改变,需要重新构建渲染树重绘是指页面的颜色等不影响布局改变的样式发生改变,需要重新构建CSSOM树对需要进行复杂布局的元素,可以在一开始将其隐藏,最后再将其显示,这样就只会触发两次重排对单个元素多次改变的样式操作合并位一次将需要改变位置、大小的元素位置设为fixed或absoluted,这样它样式的改变就不会影响其他元素2 meta标签的属性name:用于描述网页name属性中包含content便于搜索引擎机器人查找信原创 2022-03-31 22:18:23 · 1576 阅读 · 3 评论 -
前端面试复习
本文仅做个人复习使用,相关内容在其他博客均有重复1 标签语义化标签语义化可以使代码结构更加清晰,有利于搜索引擎的优化2 浏览器内核包括哪些谷歌、火狐、ie、苹果3 img标签的alt和title的作用alt是当图片不显示时的提示信息,title是鼠标停留在图片上的提示信息4 HTML和XHTML的区别XHTML是超文本标签,它具有以下特点:XHTML标签必须被正确嵌套标签名必须小写必须要有根元素XHTML必须闭合5 iframe的优缺点优点:1、iframe可以解决第三.原创 2022-04-03 20:11:44 · 1844 阅读 · 0 评论 -
HTML和CSS基础面试题
HTML和CSS问的不多,就放一块总结吧1 如何理解HTML语义化增加代码的可读性有利于构建HTML结构有利于搜索引擎索引2 script标签中defer和async的区别默认:js脚本的解析和执行会阻塞HTML解析async:js脚本的解析和执行与HTML解析异步执行,js脚本解析完立即执行,有可能阻塞HTML的解析defer:js脚本的解析和执行与HTML解析异步执行,js脚本的执行在所有元素解析完成之后,DOMContentLoaded事件触发之前完成3 从浏览器地址栏输.原创 2022-05-31 21:08:00 · 73 阅读 · 0 评论 -
TCP如何实现可靠传输
接收端在发送确认应答报文ACK时,会将自己的即时窗口大小填入一起返回给发送方,发送方根据窗口大小值的改变而改变自己的发送速度。无论在慢启动阶段还是拥塞避免阶段,只要发送方判断网络出现拥塞,就把慢启动阈值设置为出现拥塞时窗口大小的一半,然后把拥塞窗口大小票重新设置为1,执行慢启动算法。TCP在计算校验和时,会在TCP首部添加上一个12字节的伪首部,校验和分为三部分:TCP伪首部、TCP首部、TCP数据。TCP在传输过程中可能会发生丢包,如果继续发送数据,可能会产生丢包现象和引发大量超时重传,严重影响传输。原创 2022-10-30 07:41:35 · 1488 阅读 · 0 评论 -
前端面试准备——day03
对象合并:2 圣杯布局3 CSRF攻击跨站请求伪造:通过恶意引导用户一次点击劫持cookie进行攻击类型:防御策略:(1)同源策略(禁止外域对我们发起请求)服务器根据http请求头中的Origin信息和referer信息判断请求是否为允许访问的站点,当Origin信息和referer信息都不存在时,直接阻止(2)CSRF Token服务器向用户返回一个随机token,当网站再次发起请求时,在请求参数中加入返回的token,服务器对比保存在session中token是否匹配,缺点是每次请求都需要带上原创 2022-07-05 21:14:48 · 186 阅读 · 0 评论 -
前端面试准备——day05
路由模式包含两种:和区别:定义:只有一个页面,内容的改变不需要重新加载整个页面缺点:4 路由导航守卫为什么使用路由导航守卫?分为三大类:全局、单个路由独享的、组件级的(1)全局(2)单个路由独享beforeEnter:和beforeEach完全相同,在beforeEach后执行(3)组件级beforeRouteEnter、beforeRoueUpdate、beforeRouteLeave使用场景:不同的详情页显示、管理员和用户界面............原创 2022-07-10 22:05:15 · 202 阅读 · 0 评论 -
数字政通前端面试
1 父子组件的生命周期父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted->父beforeUpdate->子beforeUpdate->子updated->父updated->父beforeDestroy->子beforeDestroy->子destroy原创 2022-05-19 10:21:05 · 345 阅读 · 0 评论 -
前端面试准备——day02
比如用mock模拟时数据存放端口为3000的地方,而前端页面端口为8081,那么请求数据时就会产生跨域,可以通过配置vite.config.js代理解决2 Symbolsymbol作为对象属性要用[]括起来Reflect.ownKeys()可遍历具有symbol值的对象Symbol.for(key)根据给定的key值创建,如果已经存在,则不重新创建4 XSS攻击注入xss的方法:...............原创 2022-06-16 20:22:42 · 134 阅读 · 0 评论 -
前端面试准备——day06
MVVM就是Model-View-ViewModelviewmodel是view和model之间通信的桥梁,viewmodel能够观察到数据的变化,并对视图进行更新;viewmodel能够监听视图的变化,并通知数据发生变化优点:低耦合(view可以独立于model进行变化和修改,一个viewmodel可以绑定到不同的view上)、可复用(可以将一些视图逻辑放到一个viewmodel中,让很多view复用这段视图逻辑)diff算法用于更新修改部分的DOM,他的本质是采用虚拟DOM和真实DOM进行对比,对相同部原创 2022-07-11 16:38:22 · 169 阅读 · 0 评论 -
前端自检清单-第一阶段(2022/6/1)
string/boolean/number/null/undefined/symbol/object不太清楚应用场景:基本类型保存在栈中引用类型保存在堆中,栈内存中存放该对象的访问地址指向堆内存中的对象undefined表示表里声明过但并未赋值,null表示一个变量将来可能指向一个对象(1)typeof会将数组、对象、null判断为object(2)instanceof可以检测array、object、function(3)Object.prototype.toString.call()使用Arra原创 2022-06-02 19:14:02 · 134 阅读 · 0 评论 -
前端大厂面试
1 手写promise相关代码promise是异步编程的一种解决方案,promise有三种状态:pending:等待中,表示还没有得到结果fulfilled:意味着操作成功完成rejected:意味着操作失败promise函数接收两个参数,resolve和rejectresolve:将promise对象的状态从pending变为fulfilled,在异步操作成功时调用reject:将promise对象的状态从pending变为rejectedpromise.all(),如果所有pro原创 2022-04-06 21:44:03 · 643 阅读 · 0 评论 -
Http面试相关
1 http常见状态码1xx表示消息2xx表示成功3xx表示重定向4xx表示客户端错误5xx表示服务端错误原创 2022-04-01 22:00:53 · 154 阅读 · 0 评论 -
http基础
http缓存分为和(1)OSI七层网路(2)TCP/IP网络(1)三次握手为什么不是两次握手?防止已失效的连接请求又传送到服务器端,因而产生错误(2)四次挥手为什么要等待2MSL:为什么不是三次挥手?如果只有三次挥手,服务端数据可能没有发送完成在HTTP响应体的Connection字段设为keep-alive区别:TCP的可靠性体现在:(1)会精准记录哪些数据发送了,哪些数据被对方接收了,哪些没有被接收,而且保证数据包到达的顺序(2)当意识到丢包或网络环境不佳,TCP会根据具体情况调整自己的行为,原创 2022-06-01 20:50:55 · 182 阅读 · 0 评论 -
招商前端面试
不能,它的第二个参数只能保证何时将代码添加到浏览器的任务队列中,不能保证添加到任务队列就会立即执行。原创 2022-10-03 21:57:57 · 328 阅读 · 0 评论 -
金山前端笔试
1 语义化标签的优点1、代码结构清晰,易于阅读2、有利于搜索引擎优化3、方便其他设备解析2 度量单位1、rem:相对于根字体大小的单位2、vw、vh:视口单位3、em:以父元素为基准3 new操作符做了什么创建一个新的空对象obj设置新对象的obj.proto=构造函数.prototype让构造函数的this指向对象obj判断返回类型,如果是值类型则直接返回obj;如果是引用类型,则返回引用这个类型的对象function _new(constructor,...args){原创 2022-05-24 21:07:45 · 851 阅读 · 0 评论 -
实习笔试解答
带空格表示后代关系,不带空格为且>匹配所有符合的子元素flex-grow为0表示不会调整元素的大小以适应flex容器的主尺寸flex-shrink为1表示 当空间不足时,项目会发生缩小相当于 即元素可以在flex-basis为0基础上伸缩 表示盒子宽度和width一致,然后看盒子是否有剩余空间,如果有剩余空间,因为flex-grow为0,元素大小也不会调整,如果没有剩余空间,则盒子大小按照flex-shrink为1进行收缩放在参数里直接不会了,赶紧学一下4 把axios改为链式调用场景:5 ht原创 2022-07-13 17:52:49 · 66 阅读 · 0 评论 -
前端面试准备——day07
例如:有一个用户组件对所有用户进行渲染,但用户ID不同,可以在路径中使用一个动态字段来实现可以使用获取到id参数路由参数变化?当用户切换时,即路由参数发生变化,使用复用方法会更加高效。要对同一个组件中参数变化做出响应,可以使用watch对象上的任意属性,这里指的是也可以使用导航守卫首先配置路径别名,在vue.config.js中配置之后为路由使用进行单独配置4 路由导航(1)声明式:(2)编程式:router.push的参数可以是路径字符串,也可以是描述地址的对象,他会返回一个promise对原创 2022-07-12 20:26:54 · 203 阅读 · 0 评论 -
前端进阶面试
注意:await只能在async函数中使用,await后面必须接promise函数,否则会同步输出async函数执行完会返回一个状态为fulfilled的promise,但是值为undefined?generator实现了协程,一个进程有多个线程,一个线程有多个协程,但是一个线程只能有一个协程在运行,如果当前协程可以执行,就执行它,否则就将它挂起,然后去执行其他协程,等这个协程结果返回可以继续执行时再来执行它。原创 2022-09-26 20:59:16 · 573 阅读 · 0 评论 -
vue面试
1、对于MVVM的理解model-view-viewmodel,其核心是提供对view和viewmodel的双向数据绑定,即viewmodel的状态改变可以自动传递给viewmodel层代表数据模型,view代表UI组件,它负责将数据模型转化成UI展现,viewmodel是一个同步view和model的对象2、vue的生命周期生命周期是指实例从创建到销毁的过程。beforecreat:此时data和methods中的数据还没有渲染完成created:data和methods中的数据渲染完成,可原创 2022-03-24 11:18:46 · 1171 阅读 · 0 评论 -
字节一面凉凉
1 vue-router是做什么的?建立组件和路径的映射关系2 什么样的页面可以被称为单页面应用?只有一个主页面的应用3 单页面应用有什么特点1、内容的改变不需要加载整个页面2、分离前后端,前端值进行界面显示,后端负责数据存储和计算缺点:1、首屏加载时间长2、对seo不友好4 router-view是做什么的router是用于渲染通过路由映射过来的组件,实现无刷新路由跳转使用router-view和不使用router-view的结果?比如说我要进行多个页面的跳转,由于是单页面应用,原创 2022-04-25 21:05:09 · 548 阅读 · 0 评论 -
前端面试准备——day04
能够访问其他函数作用域中的对象的函数,称之为闭包可用于封装私有变量、防抖和节流3 获取页面中所有不重复的元素4 vue2的生命周期beforeCreate、Created、beforeMount、Mounted、beforeUpdate、Updated、beforeDestory、destoryed(1)进入页面会触发哪些生命周期beforeCreate、Created、beforeMount、Mounted(2)在哪个阶段有$el(组件的根节点)和$data(组件的data数据)(3)加入kee原创 2022-07-08 21:13:23 · 160 阅读 · 0 评论 -
vue面试题
如果data是一个函数,那么实例化多个组件时会共享一个对象,每个组件内对data值的修改会相互影响,而data是函数,那么每个组件可以维护一份被返回对象的独立拷贝。原创 2022-10-30 22:00:00 · 291 阅读 · 0 评论 -
面试复习第N次
BFC为块级格式化上下文,它是一个独立渲染区域,区域内元素与外界元素不会相互影响。当某个元素样式改变,会发生重绘,重绘不一定发生重排。元素样式改变引起页面布局发生变化,就会发生重排。import具有更高的权重。+匹配最近的一个兄弟元素。~匹配之后的所有兄弟元素。......原创 2022-07-15 11:02:46 · 101 阅读 · 0 评论 -
js基础面试题
1 判断nulltypeof null的结果为object如何判断一个数是否为null:1、nums===null2、isNan()2原创 2022-05-31 15:27:40 · 153 阅读 · 0 评论