千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

一（第1集）.如何理解h5语义化标签以及它的好处

简单来说可以理解为用正确的标签做

正确的事情

比如段落标签用p，标题标签用h这种

侧边栏用aside标签，主体内容使用m

ain标签

对于开发者来说可以便于团队的开发和

维护，在没有加载css的情况下也可以更

号的呈现出内容结构和代码结构，代码的

可读性更强，有利于SEO搜索引擎优化

二（第14集）.vue如何实现单页面应用

1. 设置路由配置：使用Vue Router库来管理路由。你可以定义不同的路由路径，每个路径对应于应用程序中不同的组件。
2. 创建根组件：在Vue中，通常会有一个根组件作为应用程序的入口。你可以在根组件中设置一个容器，用于展示不同的子组件。
3. 定义子组件：根据应用程序的需要，创建不同的子组件。每个子组件可以有自己的模板、样式和逻辑。
4. 设置路由导航：在Vue Router中，可以使用router-link组件或编程式导航（使用router对象）来设置路由导航链接。这样点击链接时，路由会动态地加载相应的组件。
5. 渲染组件：在根组件中，使用<router-view>标签来渲染路由对应的组件。当用户导航到不同的路由时，对应的组件将被渲染到<router-view>中。

三（第16集）虚拟dom为什么会提高性能

1. DOM操作开销减少：与直接操作真实DOM相比，使用虚拟DOM可以最小化对DOM的操作次数。在更新前，虚拟DOM会计算出应用程序状态发生变化后的最小DOM变更，并将这些变更以一次性批量处理的方式进行。这样，就避免了频繁的DOM访问和操作，减少了浏览器的重绘和回流操作，从而提高了性能。
2. 批量更新优化：虚拟DOM会收集一系列的状态变更，并在下一个事件循环中一次性更新。通过批量更新，可以减少更新次数，避免不必要的DOM重绘和回流。
3. 跨平台兼容性：虚拟DOM技术可以跨平台应用，不仅可以在浏览器端使用，还可以在服务器端（如Node.js）和移动端（如React Native）等环境上使用。这种一致的开发模式简化了开发人员的工作，提高了代码的可维护性和复用性。