06 2021 档案
摘要：从输入url到页面展示到底发生了什么 |-- 域名解析（获得IP地址） |-- 向WEB服务器发送HTTP请求 |-- 服务器处理请求 |-- 服务器返回HTTP响应 |-- 浏览器显示页面信息 输入地址 当输入url地址后，浏览器已经在智能匹配地址了，会从历史记录、书签或缓存中查找，如果找到了，会
阅读全文
摘要：根域名服务器 全球总共有13套根服务器设备；它是最重要的域名服务器，它知道所有顶级域名服务器的域名和IP地址，如果本地域名服务器无法对域名进行解析，那么都必须求助于它来进行解析 顶级域名服务器 负责管理在该顶级域名服务器注册的所有二级域名。当收到DNS请求后，就给出相应的回答（可能是最后的结果，也可
阅读全文
摘要：dns查询 三次握手 http请求 DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束
阅读全文
摘要：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
阅读全文
摘要：盒模型 什么是盒模型 每个HTML元素都可以叫做盒模型，盒模型由外而内包括：边距（margin）、边框（border）、填充（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + paddint + content 的宽度相加。 设置 box-siz
阅读全文
摘要：React面试题 调用 setState 之后发生了什么？ 在代码中调用 setState 函数之后，React 会将传入的参数对象与组件当前的状态合并，然后触发所谓的调和过程（Reconciliation）。经过调和过程，React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重
阅读全文
摘要：vue面试题 对于MVVM的理解 MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理
阅读全文
摘要：Vue的生命周期 beforeCreate（创建前） 在数据观测和初始化事件还未开始 created（创建后） 完成数据观测，属性和方法的运算，初始化事件,$el属性还没有显示出来 beforeMount（载入前） 在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模
阅读全文
摘要：一句话就能回答的面试题 route和router的区别 route是“路由信息对象”，包括path,params,hash,query,fullpath,matched,name等路由信息参数 router是“路由实例”对象包括了路由的跳转方法，钩子函数等。 vue.js的两个核心是什么？ 答：数据
阅读全文
摘要：3. 14种组件通讯 3.1 props 这个应该非常属性,就是父传子的属性;props 值可以是一个数组或对象; // 数组:不建议使用 props:[] // 对象 props:{ inpVal:{ type:Number, //传入值限定类型 // type 值可为String,Number,
阅读全文
摘要：页面加载海量数据 题目 10w 条记录的数组，一次性渲染到页面上，如何处理可以不冻结UI？ 具体化 页面上有个空的无序列表节点 ul ，其 id 为 list-with-big-data ，现需要往列表插入 10w 个 li ，每个列表项的文本内容可自行定义，且要求当每个 li 被单击时，通过 al
阅读全文
