面试题专栏

客户端渲染 【过程】 用户输入地址，客户端向服务器发送请求 服务器传给浏览器相应的网页文件 浏览器解析文件 遇到ajax请求则向服务器再次请求一些数据 服务器再次向浏览器发送相应的数据 浏览器拿到aj

解析：v-for 可以遍历对象，拿到 value、key、index 值 解析： 解析： vue中可以使用ref绑定相应的元素  ref=“name” 然后使用 this.$refs.name  获取

解析： JavaScript是单线程的，浏览器实现了异步的操作，整个js程序是事件驱动的，每个事件都会绑定相应的回调函数。 解析： 1、定义 (l)表示第一个分组里有l \1表示所获取的第1个()匹配

Koa2 一个简约、流行的nodejs框架 通过中间件组织代码 多个中间件以“洋葱圈模型”执行 代码演示 执行顺序 洋葱圈模型

代码演示 主页面：核心是postMessage iframe页面： 结果 总结 使用postMessage通讯 注意跨域的限制和判断

使用WebSocket 无跨域限制 需要服务端支持，成本高 通过localStorage通讯 同域的A和B两个页面 A 页面设置localStorage B 页面可监听到localStorage 值的

动态网页，随时都会重绘、重排 网页动画 Modal Dialog 弹窗 增加/删除一个元素，显示/隐藏一个元素 重绘 repaint 元素外观改变，如颜色，背景色 但元素的尺寸、定位不变，不会影响其他

步骤 网络请求 解析 渲染 1. 网络请求 DNS查询（得到IP），建立TCP连接（三次握手） 浏览器发起HTTP请求 收到请求响应，得到HTML源代码 继续请求静态资源 解析HTML过程中，遇到静态

WebSocket 支持端对端通讯 可以由client发起，也可以由server发起 用于：消息通知，直播间讨论区，聊天室，协同编辑 代码演示 客户端代码 服务端代码 WebSocket连接过程 先发

XSS cross site script 跨站脚本攻击 手段：黑客将JS代码插入到网页内容中，渲染时执行JS代码 预防：特殊字符替换（前端或者后端） 演示 预防 替换尖括号： CSRF Cross

区别 无：HTML暂停解析，下载JS，再继续解析HTML defer：HTML继续解析，并行下载JS，HTML解析完再执行JS async：HTML继续解析，并行下载JS，执行JS，再解析HTML p

HTTPS 加密传输 HTTP 明文传输 HTTPS加密传输 HTTP + TSL/SSL 中间人攻击 - 黑客伪造证书 预防： 使用正规厂商的证书，慎用免费的

HTTP1.0 最基础的HTTP协议 支持最基本的GET POST 方法 HTTP1.1 缓存策略cache-control E-tag等 支持长连接Connection：keep-alive，一次T

网络协议 HTTP协议在应用层 TCP UDP 协议在传输层 严格来说，应该拿TCP和UDP进行比较 TCP协议 有连接（三次握手） 有断开（四次挥手） 稳定传输 UDP协议 无连接，无断开 不稳定传

cookie http 无状态，每次请求都要带cookie，以帮助识别身份 服务端也可以向客户端set-cookie，cookie大小限制4kb 默认有跨域限制：不可跨域共享、传递cookie 不跨域

产生背景 手机较小，需要双击放大看 解决方案 初期解决方案：FastClcik fast click 原理 监听touchend事件（touchstart touchend会先于click触发） 使用

介绍diff算法 diff算法很早就有 diff算法应用很广泛，例如github的Pull request中的代码diff 如果要严格diff两棵树，时间复杂度O(n^3), 不可用 tree dif

生命周期基础： beforeCreate 创建一个空白的vue实例 data method尚未被初始化，不可使用 created vue 实例初始化完成，完成响应式绑定 data method都已经初

什么是JS bridge JS 无法直接调用native API 需要通过一些特定的“格式”来调用 这些“格式”就统称JS-bridge，例如微信JSSDK JS bridge的常见方式 注册全局AP

进程process vs 线程 thread 进程，OS进行资源分配和调度的最小单位，有独立的内存空间 线程，OS进行运算调度的最小单位，共享进程的内存空间 JS是单线程的，但是可以开启多进程执行，如