![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
面试之我的大厂梦
文章平均质量分 83
记录准备面试的一些过程吧
钧桐
怕什么真理无穷?进一寸有进一寸的欢喜!
展开
-
[前端面试套餐css+js+vue]第十三天
前端面试套餐css优化提高性能的方法有哪些?其他js:说说正则表达式和它的应用场景?匹配规则应用场景vue:什么是虚拟DOM?为什么需要虚拟DOM?css优化提高性能的方法有哪些?作为页面渲染和内容展现的重要环节,css影响着用户对整个网站的第一体验因此,在整个产品研发过程中,css性能优化同样需要贯穿全程内联首屏关键css在打开一个页面,页面首要内容出现在屏幕的时间影响着用户的体验,而通过内联css关键代码能够使浏览器在下载完html后就能立刻渲染而如果外部引用css代码,在解析html原创 2021-12-28 11:37:08 · 242 阅读 · 2 评论 -
[前端面试套餐css+js+vue]第十二天
前端面试套餐css:什么是响应式设计?响应式设计的基本原理是什么?如何做?实现方式媒体查询百分比vw/vhrem说说你对JavaScript中事件循环的理解?宏任务和微任务微任务宏任务再次分析async与awaitasyncawait流程分析vue:自定义指令?自定义指令的应用场景有哪些?如何实现?应用场景css:什么是响应式设计?响应式设计的基本原理是什么?如何做?响应式网站设计是网络页面设计布局,页面的设计与开发应当根据用户行为以及设备环境(系统平台,屏幕尺寸,屏幕定向等)进行相应的响应和调整实现原创 2021-12-21 14:23:13 · 920 阅读 · 0 评论 -
[前端面试套餐css+js+vue]第十天
前端面试套餐CSS3新增了哪些新特性?选择器新样式transition过渡transform转换animation动画渐变其他js:new操作符具体都干了什么?手写new操作符说说你对keep-alive的理解是什么?使用场景?使用场景CSS3新增了哪些新特性?css,即层叠样式表的简称,是一种标记语言,由浏览器解释执行用来使页面变得更为美观css3使css的最新标准,使向后兼容的,css1/2的特性在css3里都可以使用的选择器css3中新增了一些选择器,主要为如下表选择器描述原创 2021-12-14 14:46:55 · 847 阅读 · 0 评论 -
[前端面试套餐css+js+vue]第九天
前端面试套餐css:说说flexbox(弹性盒布局模型)属性容器属性成员属性javascript:解释下什么是事件代理?应用场景?应用场景vue:给对象添加新属性界面不刷新?直接添加属性的问题原理分析解决方案css:说说flexbox(弹性盒布局模型)Flexible Box简称flex,意为"弹性布局",可以简便,完整,响应式地实现各种页面布局采用Flex布局的元素,称为flex容器container它的所有子元素自动成为容器成员,成为flex项目item属性关于flex常用的属性,我们可以划原创 2021-12-08 17:03:48 · 184 阅读 · 0 评论 -
[前端面试套餐css+js+vue+es6]第八天
前端面试套餐css:如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?两栏布局BFC+floatflex弹性布局三栏布局两边使用float,中间使用margin两边使用absolute,中间使用margin两边使用float和负margindisplay:table实现flex实现grid网格布局js:说说你对Javascript中this对象的理解改变this指针箭头函数优先级ES6:你是怎么理解ES6中的Decorator的?使用场景?用法使用场景vue:为什么data属性是一个函数而不是一个对象?原创 2021-12-07 16:02:47 · 289 阅读 · 0 评论 -
[前端面试套餐css+js+vue+es6]第七天
前端面试套餐css:元素水平垂直居中得方法有哪些?如果元素不定宽高呢?居中元素宽高已知table布局利用定位+margin:负值居中元素宽高未知利用定位+margin:auto利用定位+transformflex布局grid布局js:Javascript中的继承?如何实现继承?实现方式原型链继承构造函数继承(call)组合继承原型式继承寄生式继承寄生组合式继承es6:你是怎么理解ES6中的Module的?使用场景?AMDCommonJS使用动态加载复合写法使用场景vue:Vue中组件和插件有什么区别?组件是原创 2021-12-04 15:20:05 · 564 阅读 · 0 评论 -
[前端面试套餐css+js+vue]第六天
前端面试套餐css:如何理解BFC?触发条件应用场景js:JavaScript原型,原型链是什么?原型原型链vue:SPA(单页应用)首屏加载速度慢怎么解决?加载慢的原因解决方案css:如何理解BFC?我们在页面布局的时候,可能会出现以下情况:这个元素高度怎么没了?这两栏布局怎么没法自适应这两个元素的间距怎么有点奇怪的样子?这一切归根结底都是BFC的问题BFC:即块级格式化上下文,它是页面中的一块渲染区域,并且有一套属于自己的渲染规则:内部的盒子会在垂直方向上一个接一个的放置对于同一原创 2021-11-30 11:41:13 · 2900 阅读 · 0 评论 -
[前端面试套餐css+js+vue+es6]第五天
前端面试套餐css:有哪些方式可以隐藏页面元素?区别?区别js:说说对闭包的理解?闭包使用场景?使用场景模拟私有方法柯里化函数其他es6:怎么理解ES6中Generator的?使用场景?使用场景vue:为什么Vue中的v-if和v-for不建议一起用?作用注意事项css:有哪些方式可以隐藏页面元素?区别?正常人就知道display:none和visibility:hidden,它们和vue中的v-if,v-show相对应但是其实不止这两种哦!display:none元素本身占有的空间会被其他元素原创 2021-11-29 20:36:48 · 1092 阅读 · 2 评论 -
[前端面试套餐css+js+vue+es6]第四天
前端面试套餐css:设备像素,css像素,设备独立像素,dpr,ppi之间的区别js:深拷贝浅拷贝的区别?如何实现一个深拷贝?区别es6:如何理解ES6中的Promise?使用场景?使用场景vue:如何理解v-show和v-ifcss:设备像素,css像素,设备独立像素,dpr,ppi之间的区别设备像素又称为物理像素css像素在同一个设备上,css像素所代表的设备像素是可以变化的(比较调整屏幕的分辨率)在不同的设备之间,每个css像素所代表的设备像素是可以变化的(连哥哥不同型号的手机)原创 2021-11-27 17:31:18 · 547 阅读 · 0 评论 -
[前端面试套餐css+js+vue]第三天
前端面试套餐css:说说em/px/rem/vh/vw的区别?写在前面单位介绍js:==和 ===区别,分别在什么情况使用?等于操作符全等操作符vue:组件间的通信方式都有哪些?css:说说em/px/rem/vh/vw的区别?写在前面传统的项目开发中,我们只会用到px,%,emcss3开始,新增了rem,vh,vw,vm等新的计量单位单位介绍css单位相对长度单位em,ex,ch,rem,vw,vh,vmin,vmax,%绝对长度单位cm,mm,in,px,pt,原创 2021-11-24 10:17:02 · 592 阅读 · 0 评论 -
[前端面试套餐css+js+vue+es6]第二天
前端面试套餐css:css选择器有哪些?优先级?哪些属性可以继承?选择器优先级继承属性无继承的属性js:Javascript字符串的常用方法有哪些?操作方法增删改查转换方法模板匹配方法es6:数组新增了哪些扩展?vue:数据请求在created和mounted的区别css:css选择器有哪些?优先级?哪些属性可以继承?选择器显示css常用的有:id选择器#类选择器.标签选择器div后代选择器 #box div选择id为box元素内部所有的div元素子选择器.father>child原创 2021-11-23 10:52:26 · 256 阅读 · 0 评论 -
[前端面试套餐css+js+vue+es6]第一天
前端面试套餐css:说说你对css盒子模型的理解?是什么?标准模型怪异模型box-sizinges6:说说var,let,const之间的区别varletconst区别js:Javascript数据的常用方法有哪些?操作方法增删改查排序方法转换方法迭代方法vueMVVM模型vue和react的对比相同点区别css:说说你对css盒子模型的理解?是什么?当对一个文档进行布局(layout)的时候,浏览器的渲染引擎会根据标准之一的css基础框盒模型,将所有元素表示为一个个矩形的盒子一个盒子由四部分组成:原创 2021-11-22 11:07:02 · 372 阅读 · 0 评论 -
跨域,不得不说的面试题!
今天我们来聊聊跨域吧!什么是跨域?大框架jsonp跨域iframe跨域document.domain+iframe跨域window.name+iframe跨域location.hash+iframe跨域postMessage跨域CORS跨域简介WebSocket协议跨域webpack代理主流CORS跨域webpack代理什么是跨域?简单来说就是,网址的 协议,域名或者端口号不同造成的无法访问的情况。(有一个不同即不同!)大框架1.jsonp跨域2.iframe跨域1.document.dom原创 2021-10-22 14:49:55 · 933 阅读 · 0 评论 -
浏览器缓存,不得不说的面试问题!
浏览器缓存写在前面浏览器缓存http缓存强缓存协商缓存本地缓存重点说一下前三者的区别写在前面缓存从微观上可以分为以下几类浏览器缓存(今天我们重点说的)代理缓存CDN缓存数据库缓存应用缓存浏览器缓存访问网页的时候,需要从服务器下载一些页面渲染所需的资源,比如html文档,css,js,图片等,有的资源是很少变动的,比如代表公司的logo图。如果把这些资源缓存下来,很自然减少了服务器的负载,而且页面加载时间也会缩短。 但是,要不要使用缓存,这个资源浏览器又要缓存多久,这些浏览器怎么知道?别原创 2021-10-18 11:16:21 · 490 阅读 · 0 评论 -
前端扫盲3,希望早日恢复视力
前端扫盲js基础知识JS的变量类型日期问题怎么改变一个函数的this作用域apply()call()bind()字符串问题原型链原型链的继承借用构造函数继承组合继承原型式继承寄生继承寄生组合继承算法把一个字符串里面的所有小写变成大写把一个字符串里面所有的数字+1快排二分查找amd和cmd的区别服务端知识cookie和sessionCookie工作原理Session工作原理区别Linux基础命令NodeJS框架MYSQL的索引类型Web ServerApache服务器Nginx服务器Lighttpd服务器To原创 2021-10-17 18:35:24 · 463 阅读 · 0 评论 -
v-for 一定要绑定key值吗?为什么不建议使用index?
v-for与key写在前面例子在最后一条数据后再加一条数据在中间插入一条数据数据变化如下虚拟DOM的Diff算法总而言之写在前面使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,它会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的时候经常会用index来作为key,但其实这不是一个好习惯,面试这样说直接挂,讲真。例子const list = [ { id: 1, name: 'test原创 2021-10-15 21:09:13 · 2654 阅读 · 1 评论 -
[Linux学习笔记]linux常用的命令
Linux常用的命令写在前面基础命令网络命令系统命令写在前面现在面试还可能冷不防问一点linux系统,太卷了。我们只能支棱起来啊!搭建虚拟机的博客地址:我与VMware—在海上建一座属于自己的“虚拟”灯塔(详细图示)基础命令快速进入命令行界面ctrl+alt+t命令作用cd切换目录ls -l列出文件详细信息ls -a列出当前目录下所有文件touch创建文件mkdir创建目录echo创建带有内容的文件cat查看文件内容c原创 2021-10-15 18:35:01 · 182 阅读 · 0 评论 -
手写JavaScript数组api(彻底弄懂数组api!)
手写数组api写在前面改变自身的方法push()unshift()pop()shift()reverse()copyWithin()fill()不改变自身的方法concat()slice()indexOf()lastIndexOf()join()toString()数组的遍历方法forEach()map()filter()every()some()reduce()entries()写在前面api会用不就行了吗?不是,有的面试官让你手撕。傻了吧,最好的反击就是学会它然后装傻。“之前没写过,我试试吧”,原创 2021-10-14 19:23:46 · 656 阅读 · 0 评论 -
前端扫盲2,希望早日恢复视力
前端扫盲3vue的生命周期data 是用return函数与不用有什么区别讲讲mvvm的原理什么时候使用剪头函数箭头函数和普通函数的区别讲讲promise的用法webpack的配置怎么解决跨域vue的生命周期data 是用return函数与不用有什么区别讲讲mvvm的原理什么时候使用剪头函数箭头函数和普通函数的区别讲讲promise的用法webpack的配置怎么解决跨域...原创 2021-10-08 11:47:21 · 395 阅读 · 0 评论 -
前端问题2
前端扫盲节流写一个节流函数时间戳写法,第一次立即执行第一次不立即执行结合你了解Promise吗?平时用的多吗?Promise.all 你知道有什么特性吗?3s之后输出[1,2,3]promise输出相同,装饰器怎么写?事件循环为什么js在浏览器中有事件循环的机制?两种任务?为什么要引入微任务的概念,只有宏任务可以吗?Node中的事件循环和浏览器中的事件循环有什么区别?节流节流的意思是让函数有节制地执行,而不是毫无节制的触发一次就执行一次。什么叫有节制呢?就是在一段时间内,只执行一次。写一个节流函数时原创 2021-09-23 15:46:04 · 147 阅读 · 0 评论 -
用css实现0.5像素的边框
用css实现0.5像素的边框实现思路代码补充知识 -ms- -o- ...实现思路1.设定目标元素的参考位置2.给目标元素添加一个伪元素before或者after,并设置绝对定位3.给伪元素添加1px边框4.用box-sizing:border-box属性把边框都包进宽和高里面5.宽和高设置为200%6.整个盒子模型缩小为0.57.调整盒子模型的位置,以左上角为基准:transform-orgin:0 0;代码 .border{ position: rela原创 2021-09-17 09:03:55 · 1152 阅读 · 0 评论 -
前端扫盲,希望早日恢复视力
乱七八糟的前端问题css度量单位rem,em,vh,vw,pxcss控制居中display:flexabsolute+transformjs new发生了什么?js精度问题乘法vue生命周期给一个数组。找出出现次数最多的三个数压平数组,如何将多维数组变成一维concat结合applyes6:flat()二叉树的层序遍历display与visibility的区别HTTP1.0与HTTP2.0HTTP/HTTPS的区别手写一个promise.all写一个深拷贝css度量单位rem,em,vh,vw,px原创 2021-09-15 22:07:19 · 275 阅读 · 0 评论 -
从输入URL到浏览器完成页面渲染发生了什么?
从输入URL到浏览器完成页面渲染发生了什么?写在前面让我们走进输入url到浏览器完成页面渲染的过程DNS解析三次握手为什么握手是三次,而不是两次或者四次?三次握手可以携带数据吗?tcp三次握手失败,服务端会如何处理?ISN代表什么?意义何在?ISN是固定不变的吗?ISN为何要动态随机?什么是半连接队列?四次挥手为什么握手是三次,而挥手时需要四次呢?TIME_WAIT状态有什么作用,为什么主动关闭方没有直接进入CLOSED状态释放资源?为什么TIME_WAIT状态需要经过2MSL才能进入CLOSED状态?一台原创 2021-09-15 16:43:07 · 338 阅读 · 0 评论 -
你还在用split梭哈字符串?赶紧把正则支棱起来!
你还在用split梭哈字符串?赶紧把正则支棱起来!前端为什么要学正则表达式限定符?限定符*限定符+限定符{}如何让限定符作用于多个字符?‘或’运算字符类元字符贪婪与懒惰匹配实例1 RGB 颜色值匹配实例2 IPv4 地址匹配前端为什么要学正则表达式很多人觉得正则是后端的事情,但是其实前端很多地方也需要正则来优化,或者简化代码比如邮箱格式判断,输入密码判断这些,或者前端来更换接口,我们用正则来更换,那就省下了不少力气!不要再一直用split梭哈了!!!支棱起来,加油,前端人!!!限定符?/used原创 2021-09-13 19:41:39 · 110 阅读 · 0 评论 -
前端问题1
前端每天20问-第一天1.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度2.css属性overflow属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。3.新窗口打开网页,用到以下哪个值()。1.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度A.display:inlineB.display:noneC.display:blockD.display:inheritdisplay属性作用block原创 2021-08-18 19:42:49 · 553 阅读 · 0 评论 -
Vue中的防抖(最近学的两个知识融合)
vue中的防抖防抖vue- v-model双向绑定input这个就不得不说MVVM模型了vue中的防抖先看看普通的防抖vue变化防抖其实简单来说就是,我们防止多次输入,我们使用setTimeout来控制输入,时间到了才读取数据,如果上一次定时器没结束,就归零重新计时vue- v-model双向绑定input这个就不得不说MVVM模型了MVVM分为Model、View、ViewModel三者。Model:代表数据模型,数据和业务逻辑都在Model层中定义;View:代表UI视图,负责数据的展示原创 2021-09-13 08:33:43 · 240 阅读 · 0 评论 -
前端面试之js基础
前端面试之js基础什么是闭包例子优点缺点闭包的用途闭包的应用闭包的两道经典题题目一:题目二:JS有哪些数据类型?基本数据类型和引用数据类型有什么区别?判断数据类型的方法有哪些?浅拷贝与深拷贝有何区别?如何实现?let,const的区别是什么?什么是闭包能够读取其他函数内部变量的函数。或简单理解为定义在一个函数内部的函数,内部函数持有外部函数内变量的引用例子function fn(){ var a=2 return function(){ console.log(a)//2 }}优点原创 2021-09-11 15:41:45 · 460 阅读 · 0 评论 -
前端面试之BOM&DOM
前端面试之BOM&DOM什么是BOM事件?常见BOM事件?BOM事件处理程序?BOM对象方法BOM对象什么是BOM事件?事件就是用户或浏览器自身执行的某种动作。通过使用JS可以监听特定事件的发生,并规定某些事件发生以对这些事件做出响应。JS可以处理的事件类型分为:鼠标事件,键盘事件,HTML事件常见BOM事件?名字作用load当页面或图像加载完后立即触发blur元素失去焦点focus元素获得焦点click鼠标点击某个对象change用原创 2021-09-06 09:33:25 · 318 阅读 · 0 评论 -
一个三角形引发的前端问题
一个三角形引发的前端问题css画出三角形如果内部不设为0px,我们看一下图形设为0px后将三个边框透明即可我们还可以用border-left这些来写隐藏两边隐藏一边margin和padding的区别BFC的理解?如何构建BFCBFC特性案例一:案例二:避免marigin重叠通过BFC来包含浮动案例一:浮动脱离父元素的包裹案例二:利用BFC包含我们如何使用css画一个三角形是今天的问题,然后我们可以得到一系列的问题!css画出三角形先画一个正方形,然后将中间部分设为0px,然后隐藏三个边框,剩下一个边框原创 2021-09-05 17:22:23 · 270 阅读 · 0 评论 -
腾讯实习生一面分享(啥也不会...)
第一次面试分享写在前面面试流程简单自我介绍笔试题1知识提问加试题2思路面试官让总结自己的优劣势总结写在前面腾讯面试之前会给你打电话确认,然后发邮件给你。邮件里面有远程面试地址和是否确认面试时间的地址。面试岗位:前端开发实习生就想出去实习学点技术,在学校学不到啥有用的。得支棱起来!面试流程简单自我介绍我超快,10s不到笔试题1给定两个版本号v1,v2。比较版本号,如果v1>v2,返回1如果v1<v2,返回-1如果相等,返回0案例1.0 1.01 返回01.1.2原创 2021-09-01 14:01:16 · 481 阅读 · 4 评论