摘要:
从输入url到页面展示到底发生了什么 |-- 域名解析(获得IP地址) |-- 向WEB服务器发送HTTP请求 |-- 服务器处理请求 |-- 服务器返回HTTP响应 |-- 浏览器显示页面信息 输入地址 当输入url地址后,浏览器已经在智能匹配地址了,会从历史记录、书签或缓存中查找,如果找到了,会 阅读全文
摘要:
根域名服务器 全球总共有13套根服务器设备;它是最重要的域名服务器,它知道所有顶级域名服务器的域名和IP地址,如果本地域名服务器无法对域名进行解析,那么都必须求助于它来进行解析 顶级域名服务器 负责管理在该顶级域名服务器注册的所有二级域名。当收到DNS请求后,就给出相应的回答(可能是最后的结果,也可 阅读全文
摘要:
dns查询 三次握手 http请求 DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 阅读全文
摘要:
showdoc 阅读全文
摘要:
keepalive重新渲染 https://blog.csdn.net/qq_29132907/article/details/80250742 图片懒加载 data为什么是方法 组件中的data写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的data,类似于给每个组件实 阅读全文
摘要:
1.原生JS实现图片懒加载(考虑不重复加载以及节流) 知识点:视口位置判断,懒加载实现(data-set),节流等 1.Element.getBoundingClientRect() 该方法返回元素的大小及其相对于视口的位置, 具体解释及用法参考 MDN. 通过 Element.getBoundin 阅读全文
摘要:
https://www.cnblogs.com/soyxiaobi/p/9963019.html https://www.imooc.com/article/45936 优化思路(减少dom操作、替换高性能api、暂存引用、减少重排、开启硬件加速等)。 重绘不一定需要重排(比如颜色的改变),重排必然 阅读全文
摘要:
入职自我介绍 问好 + 基本信息 + 感谢 + 岗位职责 + 希望 阅读全文
摘要:
人事问题 待遇 具体的工资(也就是合同上签订的工资),不要杂七杂八什么绩效加起来的那种 社保 五险一金缴纳的比例 其他 单双休 加班是否有加班工资或者调休 试用期待遇 其他各种福利,比如餐补、房补、交通补、节假日福利、另外的保险等等 年假 年终奖如何发放,员工平均能拿到几个月 每月几号发工资 阅读全文
摘要:
web安全 都有哪几种,介绍以及如何预防 1.XSS,也就是跨站脚本注入 攻击方法: 1\. 手动攻击: 编写注入脚本,比如”/><script>alert(document.cookie());</script><!--等, 手动测试目标网站上有的input, textarea等所有可能输入文本信 阅读全文
摘要:
性能优化 CSS性能优化 CSS性能优化的8个技巧 内联首屏关键CSS 减少页面的首要内容出现在屏幕上的时间 大家应该都习惯于通过link标签引用外部CSS文件。但需要知道的是,将CSS直接内联到HTML文档中能使CSS更快速地下载。而使用外部CSS文件时,需要在HTML文档下载完成后才知道所要引用 阅读全文
摘要:
(一)html部分 1.H5新标签在IE9以下的浏览器识别 html5shiv.js下载地址 https://github.com/aFarkas/html5shiv/releases 2.ul标签内外边距问题ul标签在IE6\IE7中,有个默认的外边距,但是在IE8以上及其他浏览器中有个默认的内边 阅读全文
摘要:
http协议面试题 游览器输入一个地址。到页面展示中间经历了哪些东西? 这个问题前端面试基本上百分百问的。测试的话,基础的功能面试可能不会问。自动化的话基本上也会问的。 1、游览器输入url。先解析url地址是否合法 2、游览器检查是否有缓存(游览器缓存-系统缓存-路由器缓存)。如果有,直接显示。如 阅读全文
摘要:
css面试题 选择器的优先级 !important > 内联样式 > ID选择器 > 类选择器(.class) = 伪类选择器(:hover等) = 属性选择器[type等] > 元素选择器 = 伪元素选择器(:after/:before/::selection等) > 通用选择器(*) >继承的样 阅读全文
摘要:
js面试题 数组 原生方法 Array.push( ) 给数组添加元素 Array.pop( ) 删除并返回数组的最后一个元素 Array.shift( ) 将元素移出数组 Array.unshift( ) 在数组头部插入一个元素 Array.concat( ) 连接数组 Array.join( ) 阅读全文
摘要:
vuex vuex的流程 页面通过mapAction异步提交事件到action。action通过commit把对应参数同步提交到mutation。mutation会修改state中对于的值。 最后通过getter把对应值跑出去,在页面的计算属性中,通过mapGetter来动态获取state中的值 v 阅读全文
摘要:
浏览器兼容 金三银四,那浏览器兼容你知多少? 常见浏览器的兼容性问题(面试重点) 常见的浏览器兼容问题以及解决方法 图片有边框bug 当图片加在ie上会出现边框 hack:给图片加border:0;或者border:0 none; 图片间隙 div中的图片间隙bug 在div中插入图片时图片将div 阅读全文
摘要:
webpack面试题 1. webpack3和webpack4的区别 1.1. mode/–mode参数 新增了mode/--mode参数来表示是开发还是生产(development/production) production 侧重于打包后的文件大小,development侧重于goujiansu 阅读全文
摘要:
移动端适配 如何适配 viewport viewport 设置理想视口 <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalabl 阅读全文
摘要:
工程化 前端工程化可以分成四个方面来说,分别为模块化、组件化、规范化和自动化。 模块化 模块化是指将一个文件拆分成多个相互依赖的文件,最后进行统一的打包和加载,这样能够很好的保证高效的多人协作。其中包含 JS 模块化:CommonJS、AMD、CMD 以及 ES6 Module。 CSS 模块化:S 阅读全文