【个人杂谈】2022 最新前端面试题复习(个人向、长期更新)
作者:互联网
好记性不如烂笔头
HTML
如何理解 HTML 中的语义化标签?
-
是什么:语义化标签是一种写 HTML 标签的方法论/方法,简单说就是用正确的标签做正确的事。
-
怎么做:实现方法就是遇到标题用 h1 到 h6,遇到段落用 p,遇到文章用 article,主要内容用 main,侧边栏用 aside,导航用 nav 等等。
-
解决了什么问题:明确了 HTML 书写规范。
-
优点:适合搜索引擎优化(SEO);适合人类阅读,利于团队维护(而不是全部用 div)。
-
缺点:可能就是需要记住这些标签名吧(笑)。
HTML5 有哪些新标签?
反正记住自己熟悉的几个就行,不熟悉的多看看 MDN 文档。
-
文章相关:header、main、footer、nav、article 等。
-
多媒体相关:video、audio、svg、canvas
-
表单相关:type=email、type=tel
Canvas 和 SVG 的区别?
-
Canvas 主要是用笔刷来绘制 2D 图形的。
-
SVG 主要是用标签来绘制不规则矢量图。
-
相同点:都是用来画 2D 图形的。
-
不同点:Cavans 画的是位图;SVG 画的是矢量图。
-
不同点:SVG 节点过多时渲染慢;Canvas 性能会好一些,但写起来更复杂。
-
不同点:SVG 支持分层和事件;Canvas 不支持,但可以用库来实现。
标签:面试题,矢量图,标签,杂谈,Canvas,HTML,2022,SVG,不同点 来源: https://www.cnblogs.com/cqkjxxxx/p/16463693.html