前端

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 媒体查询 不同端的设备下，在css文件中，1px所表示的物理像素的大小是不同的，因此通过一套样式，是无法实现各端的自适应。 一套样式不行，可以给每

像素 像素是网页布局的基础，一个像素表示了计算机屏幕所能显示的最小区域，像素分为两种类型：css像素和物理像素。 在js或者css代码中使用的px单位就是指的是css像素

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 Vue3.0 新特性 —— Composition API 与 React.js 中 Hooks 的异同点 a. React.js 中的 Hook

Vue3.0 做了哪些优化？ a. 生成 Block tree Vue.js 2.x 的数据更新并触发重新渲染的粒度是组件级的，单个组件内部需要遍

http 常用请求头 协议头 说明 Accept 可接受的响应内容类型（Content-Types）。 Accept-Charset 可接受的字符

常见的 http 返回的状态码 100 Continue 继续。客户端应继续其请求 101 Switching Protocols 切换协议。

Cookie、sessionStorage、localStorage 的区别 共同点：都是保存在浏览器端，并且是同源的

。 Vue3.0 里为什么要用 Proxy API 替代 defineProperty API Vue3.0 里用 Proxy API主要是为了做响应式优化。

Vue 的优缺点 Vue 是一个构建数据驱动的渐进性框架，它的目标是通过 API 实现响应数据绑定和视图更新。 优点 1、数据驱动视图，对真实 dom 进行抽象出 virtual dom

js中的事件流 事件发生时，会在元素节点与根节点之间按照特定的顺序传播，路径所经过的所有节点都会收到该事件，这个传播过程即DOM事件流。 两种事件流模型： 事件传播的顺序对应浏览器的两种事件流模型

双飞翼布局，圣杯布局:两边固定,中间自适应 方案1:父盒子width:100%，相对定位，左右盒子绝对定位，固定宽度，中间盒子不设置宽度，设置margin向内挤

元素垂直居中 方法1：弹性盒子模型 方法2：绝对定位+转换 方法3：绝对定位+外边距 方法4：表格单元格 方法5：绝对定位+外边距

v-for的优先级要比v-if高，v-for优先于v-if被解析。如果二者同时出现在同级，每次渲染都会先执行循环，再判断条件。性能优化：可以在外层添加判断条件，在内层执行循环

HTML5 新增语义化标签 IE8不兼容HTML5标签的。解决方案：可以通过html5shiv.js去处理。语义化标签的优点

节流：让操作以指定间隔执行，通过定时器进行设置，在指定的时间间隔内再次触发操作会被忽略，直到本次操作完毕，才允许执行下一次。

防抖策略（debounce）是当事件被触发后，延迟 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。 防抖实现：setTimeout + clearTimeout

HTTP响应状态码 1xx 信息，临时响应，服务器收到请求，需要请求者继续执行操作。 100: 请求者应当继续提出请求。 101(切换协议) 请求

浅拷贝实现 一个新的对象直接拷贝已存在的对象的对象属性的引用，即浅拷贝。 Array.prototype.slice()属于浅拷贝。 浅拷贝只拷贝已存在对象的对象属性的引用

行内元素和块级元素 一般来说，html的元素分为两种，即块级元素(block level element)和行内元素(inline element)

CSS3 新增特性 颜色：新增 RGBA，HSLA 模式,新增透明度 文字阴影：（text-shadow） 边框： 边框圆角