2022年前端面试收集 cdn 的好处是什么？它的原理有了解过吗？没有CDN网站的工作原理: 用户在自己的浏览器中输入要访问的网站域名。 浏览器向本地DNS服务器请求对该域名的解析。 本地DNS服务器中如果缓存有这个域名的解析结果，则直接响应用户的解析请求。 本地DNS服务器中如果没有关于这个域名的解析结果的缓存，则以递归或迭代方式向整个DNS系统请求解析，获得应答后将结果反馈给浏览器。 浏览器得到域名解析结果，就是该 2022-01-07 面试题
vue3面试题 Vue3.0里有哪些是值得我们重点关注的点 性能：Vue.js的发展，向来都是以提高开发与构建的速度为驱动，对比3.0和此前的Vue版本，这一点尤为明显。由于虚拟DOM已被完全重写，因此这个新版本将比以往更快。对于服务器端渲染，Vue.js 3.0.0的性能提高了2倍，速度提高了3倍。同时，组件的初始化现在也更加高效，甚至具有了编译器通知的快速执行路径。 代码优化（Tree-shaking）：在V 2020-12-10 面试题 vue
webpack面试题 webpack与grunt、gulp的不同 三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过一些轻量化的任务还是会用gulp来处理，比如单独打包CSS文件等。 grunt和gulp是基于任务和流（Task、Stream）的。类似jQuery，找到一个（或一类）文件，对其做一系列链式操作，更新流上的数据， 整条链式操作构成了一个任务，多个任务就构 2020-12-09 面试题 webpack
react面试题 为什么要使用pureComponent 当使用component时，父组件的state或prop更新时，无论子组件的state、prop是否更新，都会触发子组件的更新，这会形成很多没必要的render，浪费很多性能；pureComponent的优点在于：pureComponent在shouldComponentUpdate只进行浅层的比较，只要外层对象没变化，就不会触发render,减少了不必要 2020-12-08 面试题 react
vue-router面试题 Vue-router 导航守卫有哪些 全局前置/钩子：beforeEach、beforeResolve、afterEach 路由独享的守卫：beforeEnter 组件内的守卫：beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave vue-router hash 模式和 history 模式有什么区别 区别： 1. url 展示上，h 2020-12-08 面试题 vue
Vuex面试题 Vuex和单纯的全局对象有什么区别 Vuex和全局对象主要有两大区别： 1. Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。 2. 不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地 2020-12-07 面试题 vue
vue面试题集锦 如何保留页面状态，例如列表跳转到详情回退还是在原来位置 利用vue 内置组件 keep-alive 以及 vue-router实现 具体做法： 在路由表中配置 meta 字段， 写入两个属性用来判断是否需要缓存并且记录 滚动条位置，在vue页面中， 使用 beforeRouteEnter 和 beforeRouteLeave两个api判断进入来源并判断meta标签的属性是否需要缓存并设置滚动 2020-12-07 面试题 vue
css面试题 谈谈你对 CSS 盒模型的认识 盒子模型分两种: 1. 标准模型 2. IE模型 标准模型: 标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 IE模型: IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 cont 2020-12-07 面试题 css
前端面试题收集 promise.all 和 promise.race 区别promise.all :比如当数组里的 P1，P2 都执行完成时，页面才显示。值得注意的是，返回的数组结果顺序不会改变，即使 P2 的返回要比 P1 的返回快，顺序依然是 P1，P2Promise.all 成功返回成功数组,失败返回失败数据, 一但失败就不会继续往下走 promise.race :Promise.race 是赛跑的意思，也 2020-11-27 面试题 中级
两个数组的交集 两个数组的交集给定两个数组，编写一个函数来计算它们的交集。 示例 1： 输入：nums1 = [1,2,2,1], nums2 = [2,2] 输出：[2] 示例 2： 输入：nums1 = [4,9,5], nums2 = [9,4,9,8,4] 输出：[9,4] 答案 set集合解题法： 使用set集合解题， 判断集合的每一项是否存在另一个集合当中 2020-11-02 算法 set 集合
