前端面试的话术集锦第 2 篇：基础篇二

已于 2023-10-07 09:35:11 修改
阅读量373 收藏
点赞数
分类专栏： 面试专栏-前端、后端面试 文章标签： 前端 面试 职场和发展 职场发展 求职招聘 html html5
于 2023-08-28 10:25:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvoelife/article/details/132500224
版权
本文是前端面试基础篇的第二部分，涵盖了HTML、CSS的基础知识和面试常问问题，如iframe的缺点、WEB标准、XHTML与HTML的区别、DOCTYPE的作用、Canvas与SVG的比较，以及HTML5的新特性等。此外，还探讨了移动端适配、渲染优化和前端面试中的技巧。
摘要由CSDN通过智能技术生成

这是记录前端面试话术的集锦第2篇博文——基础篇二，我会不断更新前端面试话术的博文。❗❗❗

1. iframe有那些缺点

  1. iframe会阻塞主⻚⾯的Onload事件

  2. 搜索引擎的检索程序⽆法解读这种⻚⾯，不利于SEO

  3. iframe和主⻚⾯共享连接池，⽽浏览器对相同域的连接有限制，所以会影响⻚⾯的并⾏加载

  4. 使⽤iframe之前需要考虑这两个缺点。如果需要使⽤iframe，最好是通过javascript动态给iframe添加src属性值，这样可以绕开以上两个问题

2. WEB标准以及W3C标准是什么?

  1. 标签闭合

  2. 标签⼩写

  3. 不乱嵌套

  4. 使⽤外链css和js

  5. 结构⾏为表现的分离

3. xhtml和html有什么区别?

了解本专栏 订阅专栏 解锁全文
互联网全栈开发实战
关注
专栏目录
订阅专栏
前端面试的话术集锦第 1 篇：基础篇一
念兮为美
08-25 1074
前端面试话术集锦第一篇： 前端需要注意哪些SEO；＜img＞的title和alt有什么区别；HTTP的⼏种请求⽅法⽤途；从浏览器地址栏输⼊url到显示⻚⾯的步骤等； 如何进⾏⽹站性能优化；HTTP状态码及其含义；语义化的理解； 介绍⼀下你对浏览器内核的理解；html5有哪些新特性、移除了那些元素； HTML5 的离线储存怎么使⽤，⼯作原理能不能解释⼀下；浏览器是怎么对 HTML5 的离线储存资源进⾏管理和加载的呢； 请描述⼀下cookies，sessionStorage和localStorage的区别
前端面试话术集锦第 16 篇：高频考点（前端监控 & UDP知识点）
念兮为美
09-14 369
前端监控一般分三种：页面埋点(PV/UV、停留时长、流量来源、用户交互，实现思路分为手写埋点和无埋点的方式)、性能监控(只需调用performance.getEntriesByType('navigation')这行代码就行)、异常监控(使用window.onerror拦截报错或异步代码使用catch的方式捕获错误)。网络协议是每个前端工程师都须要掌握的知识，我们先学习传输层中的两个协议：UDP以及TCP。UDP与TC的区别是什么：面向无连接、不可靠性、高效、传输方式；UDP适合使用的场景：直播、王者荣耀等
iframe的优缺点及改进方法
热门推荐
katara1109的博客
10-12 1万+
iframe的缺点 1、页面样式调试麻烦，出现多个滚动条； 2、浏览器的后退按钮失效； 3、过多会增加服务器的HTTP请求； 4、小型的移动设备无法完全显示框架； 5、产生多个页面，不易管理； 6、不容易打印； 7、代码复杂，无法被一些搜索引擎解读。 iframe的优点： 1.iframe能够原封不动的把嵌入的网页展现出来。 2.如果有多个网页引
前端面试话术集锦第 14 篇：高频考点（React常考基础知识点）
念兮为美
09-12 611
Reconciliation阶段可以被打断，故Reconciliation阶段执行的生命周期函数可能会出现调用多次的情况，从而引起Bug。故对于Reconciliation阶段调用的几个函数，除了shouldComponentUpdate，其他都应该避免使用，且V16中引入了新的API来解决这个问题。setState在React中是常用的API，但它存在一些的问题经常会导致初学者出错，核心原因是这个API是异步的。父子组件通信；兄弟组件通信；跨多层级组件通信；任意组件：通过Redux或Event Bus解决
前端面试话术集锦第 12 篇：高频考点（Vue常考基础知识点）
念兮为美
09-11 410
生命周期钩子函数；组件通信：父子通信、兄弟组件通信、跨多层次组件通信、任意组件；extend 能做什么；mixin和mixins区别；computed和watch区别；keep-alive组件有什么作用；v-show与v-if区别；组件中data什么时候可以使用对象；父组件通过props传递数据给子组件，子组件通过emit发送事件传递数据给父组件，这两种方式是最常用的父子通信实现办法。在beforeCreate钩子函数调用的时候，是获取不到props或者data中的数据的。
前端面试话术集锦第 13 篇：高频考点（Vue常考进阶知识点）
念兮为美
09-12 352
响应式原理：Vue内部使⽤Object.defineProperty()来实现数据响应式，通过这个函数可以监听到set和get的事件；但它有缺陷：如果通过下标⽅式修改数组数据或者给对象新增属性，并不会触发组件的重新渲染，因为它不能拦截到这些操作；编译过程：Vue会通过编译器将模板通过⼏个阶段最终编译为render函数，然后通过执⾏render函数⽣成Virtual DOM最终映射为真实DOM；NextTick 原理分析：nextTick可以让我们在下次DOM更新循环结束后执⾏延迟回调，⽤于获得更新后的DOM
前端面试话术集锦第 15 篇：高频考点（React常考进阶知识点）
念兮为美
09-13 429
HOC是什么？相比mixins有什么优点？React的思想存在函数式编程，高阶组件和高阶函数是相同意思。我们实现个函数，传入一组件，然后在函数内部再实现一函数去扩展传入的组件，最后返回一新的组件，这就是高阶组件的概念，作用就是为了更好的复用代码。HOC和Vue中的mixins作用一致，且在早期React也是使用mixins的方式。JSX上写的事件并没有绑定在对应的真实DOM上，而是通过事件代理的方式，将所有的事件统一绑定在document上。这样的方式不仅减少内存消耗，还能在组件挂载销毁时统一订阅和移除事件
前端面试的话术集锦第 3 篇：进阶篇上
念兮为美
09-05 677
谈谈变量提升；bind、call、apply区别；实现⼀个bind函数；实现一个call函数；实现一个apply函数；简单说下原型链？怎么判断对象类型；箭头函数的特点；谈谈你对This的理解；async、await优缺点；generator原理；谈谈你对Promise的理解；如何实现⼀个Promise；== 和===区别，什么情况⽤==；基本数据类型和引⽤类型在存储上的差别
后端面试话术集锦第 十 篇：springMVC面试话术
念兮为美
08-31 1055
后端面试话术集锦第十篇：springMVC面试话术。1. 介绍一下springMVC；springMVC的执行流程；springMVC接收前台参数的几种方式；springMVC中的常用注解；spring如何整合springMVC；springMVC里面拦截器是怎么写的；介绍一下 WebApplicationContext；如何解决POST请求中文乱码问题，GET的又如何处理呢；@RequestMapping注解的作用；什么是springMVC框架的控制器；springMVC的控制器是不是单例模式；父子容器
06_实现watch
qq_53109172的博客
10-16 1158
watch 本质上就是监听一个响应式数据，这个响应式数据发生变化的时候，进行通知并触发相应的回调函数。
004-按照指定功能模块名称分组
xiaogang1226的博客
10-16 481
需要把一个功能模块的几个功能点放在同一个文档目录下，这几个功能点分布在不同的 Controller。需要把他们单独分组，方便前端对接。在@ApiOperation 里面增加属性 tags 赋值。
前端地图数据开发
shuxiaoxii的博客
10-13 394
基于Turf.js教你快速实现地理围栏的合并拆分。turf js 地理空间分析库，处理各种地图算法。如何拆分一个乡镇或区的地图。获取市级的行政区域划分。直接导入地图的json。高德地图查看市级区域。js实现地图区域合并。
前端开发攻略---8种方法实现在浏览器中跨页面通信
nibabaoo的博客
10-15 1301
浏览器实现跨标签页通信的多种方式
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 871
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
计算机毕业设计 | SSM 校园线上订餐系统(附源码)
说书客
10-14 1208
本系统基于SSM实现了餐馆点餐系统。项目功能（用户点餐子系统）：登录注册，选座，商品购买，我的订单等。（后台管理子系统）：用户管理，餐桌管理，菜品管理，菜系管理，订单管理等
vue elementui table编辑表单时，弹框增加编辑明细数据
weixin_45616483的博客
10-16 328
elementui 弹框增加编辑明细数据
react 中的hooks中的useState
m0_61265297的博客
10-16 285
有两种方式,第一种方式直接写值，第二种方式（第一个参数是原来的值，第二个参数返回一个新的值）
TryHackMe 第8天 | Web Fundamentals (三)
最新发布
weixin_43831376的博客
10-19 467
依然是 Web hacking 的部分漏洞。
08_实现 reactive
qq_53109172的博客
10-17 999
本章主要实现了 reactive 对 Object 和 Array 的数据代理
Html前端面试题集锦：掌握关键知识点
资源摘要信息:"前端面试题之Html相关题集.zip" 1. 标题解释： 本资源标题为"前端面试题之Html相关题集.zip"，从标题可以得知，这是一个以HTML为主题的前端开发面试题集。"HTML"即超文本标记语言（HyperText Markup ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

互联网全栈开发实战

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值