超人

优秀项目征集

41

欢迎推荐，自荐Vue相关的优秀项目到我们首页，可以在本贴下面通过如下格式进行盖楼，我们将在审核后进行统一更新 ### 参考格式 - 项目名称 - 项目描述（100字内） - 推荐理由（100字内）

Android TV Support?

9

Android TV Support?

面试官：你是怎么理解ES6中 Promise的？使用场景？

3

 ## 一、介绍 `Promise `，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大 在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码 ```js doSomething(function(result) { doSomethingElse(result, function(newResult) { doThirdThing(newResult, function(finalResult) { console.log('得到最终结果: ' + finalResult); }, failureCallback); }, failureCallback); }, failureCallback); ``` 阅读上面代码，是不是很难受，上述形成了经典的回调地狱 现在通过`Promise`的改写上面的代码 ```js doSomething().then(function(result)...

面试官：你了解Axios的原理吗？有看过它的源码吗？

5

 ## 一、axios的使用 关于`axios`的基本使用，上篇文章已经有所涉及，这里再稍微回顾下： **发送请求** ```js import axios from 'axios'; axios(config) // 直接传入配置 axios(url[, config]) // 传入url和配置 axios[method](url[, option]) // 直接调用请求方式方法，传入url和配置 axios[method](url[, data[, option]]) // 直接调用请求方式方法，传入data、url和配置 axios.request(option) // 调用 request...

面试官：Vue3.0 性能提升主要是通过哪几方面体现的？

3

 ## 一、编译阶段 回顾`Vue2`，我们知道每个组件实例都对应一个 `watcher` 实例，它会在组件渲染的过程中把用到的数据`property`记录为依赖，当依赖发生改变，触发`setter`，则会通知`watcher`，从而使关联的组件重新渲染  试想一下，一个组件结构如下图 ```html 静态文本 静态文本 {{ message }} 静态文本 ... 静态文本 ``` 可以看到，组件内部只有一个动态节点，剩余一堆都是静态节点，所以这里很多 `diff` 和遍历其实都是不需要的，造成性能浪费 因此，`Vue3`在编译阶段，做了进一步优化。主要有如下： - diff算法优化 - 静态提升 - 事件监听缓存 - SSR优化...

面试官：Vue中的$nextTick有什么作用？

2

 ## 一、NextTick是什么 官方对其的定义 > 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM 什么意思呢？ 我们可以理解成，`Vue` 在更新 `DOM` 时是异步执行的。当数据发生变化，`Vue`将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 举例一下 `Html`结构 ```html {{ message }} ``` 构建一个`vue`实例 ```js const vm = new Vue({ el: '#app',...