Web前端最全极速上手 VUE 3——teleport传送门组件，前端组件化面试

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

• HTML5新特性，语义化

• 浏览器的标准模式和怪异模式

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

teleport 传送门组件，提供一种简洁的方式，可以指定它里面的内容的父元素。通俗易懂地讲，就是 teleport 中的内容允许我们控制在任意的 DOM 中，使用简单。

使用语法：

需要创建的内容

to 属性是指定 teleport 中的内容加入的 DOM 元素。可以是标签名，也可以是 id 或类名。

//标签名 。上述实例就是加入body元素内，使用的是标签名。

//类名。如：to=“.className”

//id名

1.1、多个 teleport 使用

多个 teleport 传送门组件可以将内容都挂载到一个目标上，多个 teleport 组件内容就是兄弟节点，先挂载的在前面，后挂载的在后面。

使用如下：

第一个挂载元素

第二个挂载元素

运行结果如图：

上边的实例等价于：

第一个挂载元素

第二个挂载元素

二、为什么使用 teleport

---

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

础，算法与数据结构，项目，职业发展等等**

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-Qjuwhheu-1715893438091)]