面试
文章平均质量分 96
張猴子
这个作者很懒,什么都没留下…
展开
-
从输入内容到展示页面全过程详解
整体流程将整个流程分为导航流程和渲染流程两部分。导航流程处理用户输入判断是搜索内容还是url搜索内容则直接用默认搜索引擎,合成带搜索关键字的URLurl,则判断url规则,根据规则,把内容加上协议,合成完整的URL监听beforeunload事件,beforeunload 事件允许页面在退出之前执行一些数据清理操作,还可以询问用户是否要离开当前页面用户可以通过 beforeunload 事件来取消导航,让浏览器不再执行任何后续工作进入页面资源请求过程。浏览器进程会通过进程间通原创 2021-02-24 15:13:56 · 785 阅读 · 0 评论 -
前端面试之移动端适配篇
关于像素,括号中为别名设备像素(物理像素)DP(Device Pixel),显示屏上的像素点,出厂即确定。设备无关像素(设备独立像素)DIP(Device Independent Pixel),缩放比为1时,设备独立像素也等于CSS像素(逻辑像素)。我们通过CSS和javascript代码设置的像素都是逻辑像素。在CSS规范中,长度单位可以分为两类,绝对(absolute)单位以及相对(relative)单位,px是一个相对单位,相对的是设备像素(device pixel)。显示器上的小色框就是像素原创 2020-05-13 16:06:42 · 6155 阅读 · 0 评论 -
前端面试之性能优化篇
关于这个,面试官常常会问你,说说你知道的性能优化方式(我在腾讯二面的时候被问到)。目录图片的懒加载和预加载预加载懒加载页面白屏如何排错如何减少白屏时间和首屏时间FP和FCP减少白屏时间和首屏时间的方式浏览器卸载旧页面到新页面加载完成的整个过程(window.performance.timing)总结一下性能优化方式图片的懒加载和预加载预加载预加载简单来说就是将所有所需的资源提前请求加载到本...原创 2020-04-06 19:57:00 · 1167 阅读 · 0 评论 -
前端面试之vue篇
目录vue的特点(优势)vue和react的区别computed和watch有什么区别数据双向绑定(响应式原理),订阅者update是怎么实现的vue数组和对象的更新方式vue生命周期vue虚拟dom和diff算法模板是怎么解析的vue路由的实现原理vue的特点(优势)vue和react的区别computed和watch有什么区别功能上:computed是计算属性,watch是监听一个值的...原创 2020-04-06 18:41:31 · 750 阅读 · 0 评论 -
前端面试之webpack篇
目录webpack作用、实现原理babel原理plugin和loader的区别webpack作用、实现原理依赖管理:方便引用第三方模块、让模块更容易复用、避免全局注入导致的冲突、避免重复加载或加载不需要的模块。合并代码:把各个分散的模块集中打包成大文件,减少HTTP的请求链接数,配合UglifyJS可以减少、优化代码的体积。各路插件:babel把ES6+转译成ES5-,eslint可以检查...原创 2020-04-05 23:36:21 · 723 阅读 · 0 评论 -
前端面试之浏览器篇
目录从输入URL到浏览器显示页面经过了什么window.onload、documentloaded、document.ready计算页面渲染时间,在哪个阶段为止回流和重绘浏览器渲染原理浏览器缓存机制强缓存和协商缓存的区别从输入URL到浏览器显示页面经过了什么1、首先,在浏览器地址栏中输入url2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容。若没有,...原创 2020-04-05 23:29:08 · 713 阅读 · 0 评论 -
前端面试之网络篇
目录cookie有哪些字段http和https的区别,ssl握手的过程http2DNS(域名)解析步骤与原理域名发散和域名收敛跨域问题解决跨域的方案XSS和CSRF攻击XSSCSRFXSS攻击,Cookie相关的字段,HttpOnlyCSRF攻击,Cookie的SameSite字段状态码304、200(from disk cache)、Etag(hash),结合浏览器的缓存机制fetch和xhr的...原创 2020-04-05 12:01:11 · 2111 阅读 · 0 评论 -
2020腾讯前端暑期实习面经
一面(1h)一面是在腾讯会议上进行的电话面试。面试官是一个温柔的小姐姐。主要流程就是自我介绍+基础知识问答+手写代码。自我介绍就不用说了,就说一些自己的基本情况还有在学校做过的项目。离一面也有点久了,我就记一下还记得的问答。不过可以肯定的是基本所有的问题都在我总结的面试知识点之内(因为我面试后都有补充)。css有哪些单位讲一下css的flex布局js的原型和原型链,原型链的终点在哪里...原创 2020-04-04 23:06:11 · 2234 阅读 · 0 评论 -
前端面试之HTML&CSS篇
感觉这块面试的时候还是比较少问的,我在面试时被问到过css的单位和px与rem的区别。另外常见的可能就是垂直居中了。目录语义化标签css水平垂直居中css中有哪些单位px、em、rem的区别display可以取哪些值href和src的区别三栏布局transition和animation语义化标签让标签具有自己的含义。常见语义化标签:title header footer article h...原创 2020-04-04 21:59:38 · 598 阅读 · 0 评论 -
前端面试之ES6篇
目录es6新特性箭头函数与普通函数的区别Map、Set、weakMap、weakSet与垃圾回收机制关于异步:什么是Promise手写promise实现思路如何中断一个promiseasync、awaitES7和ES8的新特性es6新特性let、const 块作用域 箭头函数、参数展开、剩余参数、Promise、解构赋值、Set和Map、weakSet和weakMap、Symbol(唯一)a...原创 2020-04-04 21:35:12 · 898 阅读 · 0 评论 -
前端面试之JavaScript篇
之前准备面试的时候整理的,希望能带给大家一点帮助~目录js为什么是单线程,有什么好处?js异步加载的方式Microtasks、Macrotasks(事件循环event loop、任务队列task queues)原型和原型链构造函数、原型、实例的关系new的基本原理(当let fun = new Fun()时发生了什么?)继承prototype和__proto__的关系typeof和instanc...原创 2020-04-04 21:08:03 · 1427 阅读 · 0 评论