随笔分类 - 十、前端面试 / 前端面试集合
摘要：一、计算属性【computed】 对于任何复杂逻辑，你都应当使用计算属性 是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时，可以使用computed <!-- 复杂运算 --> <div>{{message.split(
阅读全文
摘要：【key 是为 Vue 中 虚拟节点 的唯一标记，通过这个 key，diff 操作可以更准确、更快速】 （1）第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候，如果切换前后含有相同类型的
阅读全文
摘要：一、虚拟DOM 1、概念相关 是一个JavaScript对象，通过对象的方式来表示DOM结构，是对DOM的抽象 以对象的形式来描述真实DOM结构，最终渲染到页面 在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进 行比较 在vue内部封装了diff算法，通
阅读全文
摘要：一、底层原理 利用 v-bind 用来绑定value的值 用 v-on 去绑定input标准事件 是事件用来监听当输入域内容发生变化的时候来执行一些事情 具体事件： 通过$event这个事件对象获取到最新的输入域的值 把最新的值赋值给旧的值，进行数据更新。 》双向数据绑定 二、如何实现 （1）作用在
阅读全文
摘要：一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用
摘要：1.共同点 在 vue 中 v-show 与 v-if 的作用效果是相同的 当表达式都为 false 时，都不会占据页面位置 当表达式结果为 true 时，都会占据页面的位置 2.不同点
阅读全文
摘要：1、概念相关 列表页面 ——进入详情页 —— 后退到列表页（缓存列表页的原来数据以及滚动位置） 重新进入列表页面，获取最新的数据 2、实现 3、钩子函数 当组件被激活时，触发钩子函数 activated 当组件被移除时，触发钩子函数 deactivated
阅读全文
摘要：一、概念 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 二、各个阶段 beforeCreate 组件实例被创建之初，组件的属性生效之前 created 组件实例已经完全创建，
阅读全文
摘要：1、概念 【SSR的本质就服务端返回渲染好的html文档】 vue在客户端将标签渲染成的整个 html 片段的工作在服务端完成 服务端形成的html 片段直接返回给客户端这个过程就叫做服务端渲染 2、优缺点 （1）优点 更好的 SEO 在 SPA 中是抓取不到页面通过 Ajax 获取到的内容 SS
阅读全文
摘要：一、MVVM开发模式 （1）前端的视图层概念=》由MVC演化 （2） M：model【模型层】：渲染页面所以来的数据源（通过ajax从服务端获取的数据） V：view【视图层】：将数据模型转换成UI展示给用户 VM：【视图模型层】：当监听到DOM变化时，会自动地更新数据源里面所依赖的数据 （修改了m
阅读全文
摘要：一、概念 event：事件 loop：循环，循环的是一个又一个的任务队列 任务队列：是一个先进先出的数据结构，排在前面的事件，优先被主线程读取 任务队列分为：宏队列，微队列，分别存放宏任务和微任务 二、宏任务【多个】、微任务【1个】 微任务一般比宏任务先执行，并且微任务队列只有一个，宏任务队列可能有
阅读全文
摘要：JavaScript 具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行 常见的垃圾回收方式：标记清除、引用计数方式。 一、标记清除方法 1、工作原理:【标记“离开环境”的就回收内存】 当变量进入环境时，将这个变量标记为“进入环境”。 当变量离开环境时，则将其标记为“离开环境”。 2、
阅读全文
摘要：一、promise【ES6新增】 语法上：promise是一个对象，从它可以获取异步操作的消息 本意上：它是承诺，承诺它过一段时间会给你一个结果 解决回调地狱 【如果想通过异步方法先后检测用户名和密码，需要先异步检测用户名，然后再异步检测密码的情况下就很适合 Promise】 1、创建 此构造函数包
阅读全文
摘要：一、功能 GET：从服务器上获取数据 PSOT: 向服务器传送数据（更新服务器资源） 二、REST服务角度 GET：幂等（读取同一资源，得到相同数据） 》不改变服务器上的资源 POST：不是幂等（每次请求的资源的改变不同） 》改变服务器上的资源 三、请求参数形式 GET：请求的数据会附在URL之后，
阅读全文
摘要：一、开发流程： 需求 >原型 >开发 >测试 >上线 1、开发 （1）版本控制：选用git版本 （2）技术选型：根据业务需求，选择合适技术 vue-cli | 制定统一编码规范，便于团队协作和代码维护，例如eslint, tslint （3）环境配置：初始化项目完成后，提交代码到远程库 （4）构建优
阅读全文
摘要：一、sessionstorage(会话存储) 1、添加数据：SessionStorage.setItem('key', 'value'); 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。 2、获取数据：SessionStorage.getItem('key')
阅读全文
摘要：1、概念 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 2、产生原因 浏览器的同源策略：页面请求的接口地址，必须与页面的url地址处于同域上 （即域名、端口、协议相同） 3、浏览器跨域报错 （1）发起 ajax请求 的那个页面的地址 和 ajax接口地址 不在同一个
阅读全文
摘要：1.浏览器的地址栏输入URL并按下回车。 2.浏览器查找当前URL是否存在缓存，并比较缓存是否过期。 3.DNS解析URL对应的IP。 4.根据IP建立TCP连接（三次握手）。 5.HTTP发起请求。 6.服务器处理请求，浏览器接收HTTP响应。 7.渲染页面，构建DOM树。 8.关闭TCP连接（四
阅读全文
