提交 a0721c55 编写于 作者: Z zhaoshuangshi

习题更新

上级 10aaf25c
# SSR
以下哪个选项描述了Vue的SSR特性?
补充文中填空:
服务器端渲染 (SSR):服务器端渲染是 Vue 框架提供的一项重要特性。SSR 可以在服务器端生成 HTML 静态页面,将其发送到浏览器端显示,提高了首屏加载速度和SEO优化,同时也有利于提高网站性能和用户体验。
在 SSR 中,Vue 组件会在服务器端被渲染成 HTML 静态页面,然后将这些静态页面发送到浏览器端,浏览器端再渲染出最终的页面。相比客户端渲染,SSR 更加灵活、SEO 友好,但相应的复杂度和开发成本也更高。
Vue 的 SSR 特性通过 `(__1__) `库来实现,该库提供了一个 `(__2__) ` 方法来创建一个renderer,它可以将 Vue 组件转换成静态 HTML 字符串。在使用时,我们需要在服务器端启动一个 Node.js 服务,监听客户端的请求,将需要渲染的 Vue 组件渲染成 HTML 字符串,然后将其返回给客户端。
## 答案
可以使用Vue组件在服务器端渲染HTML。
1、vue-server-renderer;2、createRenderer;
## 选项
### A
可以在客户端和服务器端同时运行Vue实例。
1、vue-server-renderer;2、renderToString;
### B
可以使用Vue的vuex状态管理器在服务器端管理状态。
1、vue-server-create;2、createRender;
### C
可以使用Vue插件在服务器端扩展Vue实例的功能。
\ No newline at end of file
1、vue-server-create;2、renderToString;
\ No newline at end of file
# 构建工具Vite
Vite是一款基于什么技术实现的前端构建工具
在使用 Vite 构建 Vue 3 应用时,下列选项对 Vite 特性描述错误的是
## 答案
Rollup
Vite虽然支持了很多插件,但是对于 Babel、PostCSS 目前还未支持。
## 选项
### A
Webpack
它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。
### B
Gulp
它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。
### C
Browserify
Vite 支持自定义插件和配置,方便开发者根据项目需要进行定制。
# reactive函数、ref函数
在Vue3中,以下哪些说法是关于reactive和ref函数的异同点是正确的
在Vue3中,下列关于reactive和ref函数描述正确的是
## 答案
......
# Vue3组件通信
在Vue3中,以下哪个选项不能用于父组件向子组件传递数据?
在Vue3中,以下哪个方式不能实现父组件向子组件传递数据?
## 答案
......
# diff算法
在Vue2中,以下哪种情况会触发diff算法说法正确的是?
Vue 的 diff 算法是用于比较 Virtual DOM 树的算法。在 Virtual DOM 中,每一个元素节点都是一个 JavaScript 对象,当数据发生变化时,Vue 会创建新的 Virtual DOM 树,并与旧的 Virtual DOM 树进行比较,找出两者之间的差异,然后只更新发生变化的部分。
Vue 的 diff 算法采用了一些优化策略,例如同级比较、key 的使用等,以减少比较的次数和提高比较的效率,从而提高应用的性能。
<br/>
Vue2的diff算法执行中,同一层级的数据如果出现新节点和旧节点的tag相同,但是key不同,Vue会进行怎样的操作?
<br/>
## 答案
父组件重新渲染时,子组件的slot内容发生变化会触发
销毁旧节点,创建新节点,并将新节点插入到旧节点的位置
## 选项
### A
父组件重新渲染时,子组件的props发生变化一定会触发
直接将旧节点的内容替换成新节点的内容
### B
父组件重新渲染时,子组件的data发生变化一定会触发
进行复用,对比新旧节点的属性和子节点,进行更新
### C
父组件重新渲染时,子组件的样式发生变化一定会触发。
报错,要求新节点和旧节点的key必须相同。
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册