Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CSDN 技术社区
skill_tree_vue
提交
a0721c55
S
skill_tree_vue
项目概览
CSDN 技术社区
/
skill_tree_vue
通知
5
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
S
skill_tree_vue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
a0721c55
编写于
3月 02, 2023
作者:
Z
zhaoshuangshi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
习题更新
上级
10aaf25c
变更
5
显示空白变更内容
内联
并排
Showing
5 changed file
with
33 addition
and
21 deletion
+33
-21
data/3.Vue高阶/1.Vue服务端渲染/1.SSR/exercises.md
data/3.Vue高阶/1.Vue服务端渲染/1.SSR/exercises.md
+12
-6
data/3.Vue高阶/7.vue3基础(JS)/2.构建工具Vite/exercises.md
data/3.Vue高阶/7.vue3基础(JS)/2.构建工具Vite/exercises.md
+5
-6
data/3.Vue高阶/7.vue3基础(JS)/4.reactive函数、ref函数/exercises.md
data/3.Vue高阶/7.vue3基础(JS)/4.reactive函数、ref函数/exercises.md
+1
-1
data/3.Vue高阶/7.vue3基础(JS)/8.Vue3组件通信/exercises.md
data/3.Vue高阶/7.vue3基础(JS)/8.Vue3组件通信/exercises.md
+1
-1
data/3.Vue高阶/8.渲染器/2.diff算法/exercises.md
data/3.Vue高阶/8.渲染器/2.diff算法/exercises.md
+14
-7
未找到文件。
data/3.Vue高阶/1.Vue服务端渲染/1.SSR/exercises.md
浏览文件 @
a0721c55
# 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
data/3.Vue高阶/7.vue3基础(JS)/2.构建工具Vite/exercises.md
浏览文件 @
a0721c55
# 构建工具Vite
Vite是一款基于什么技术实现的前端构建工具
?
在使用 Vite 构建 Vue 3 应用时,下列选项对 Vite 特性描述错误的是
?
## 答案
Rollup
Vite虽然支持了很多插件,但是对于 Babel、PostCSS 目前还未支持。
## 选项
### A
Webpack
它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。
### B
Gulp
它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。
### C
Browserify
Vite 支持自定义插件和配置,方便开发者根据项目需要进行定制。
data/3.Vue高阶/7.vue3基础(JS)/4.reactive函数、ref函数/exercises.md
浏览文件 @
a0721c55
# reactive函数、ref函数
在Vue3中,
以下哪些说法是关于reactive和ref函数的异同点是正确的
?
在Vue3中,
下列关于reactive和ref函数描述正确的是
?
## 答案
...
...
data/3.Vue高阶/7.vue3基础(JS)/8.Vue3组件通信/exercises.md
浏览文件 @
a0721c55
# Vue3组件通信
在Vue3中,以下哪个
选项不能用于
父组件向子组件传递数据?
在Vue3中,以下哪个
方式不能实现
父组件向子组件传递数据?
## 答案
...
...
data/3.Vue高阶/8.渲染器/2.diff算法/exercises.md
浏览文件 @
a0721c55
# 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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录