Web前端大厂笔试题集
Posted Blockchain_KT
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web前端大厂笔试题集相关的知识，希望对你有一定的参考价值。
Web前端大厂笔试题集（持续更新中，建议收藏）
（1）JSON和XML的不同？针对Ajax应用，JSON的优势是什么？
- JSON 不需要结束标签
- JSON 更加简短
- JSON 读写速度更快
- JSON 可以使用数组
- JSON 比 XML 数据加载更快，解析更简单：
（2）clientWidth和offsetWidth的实际宽度是如何计算的？
- clientWidth = width+左右padding
- offsetWidth = width + 左右padding + 左右boder
（3）在html中嵌入php代码，有几种方法？
默认语法:<?php ... ?>短标记:<? ... ?>脚本:<script language="php">
（4）你都知道哪些提高DOM操作效率的方法？
- 处理列表子元素的点击事件时，使用事件代理
- 插入大量DOM元素时，使用innerHTML替代逐个构建元素
- 使用DocumentFragment替代多次appendChild操作
（5）DOM中HTMLDivElement的正确继承关系是什么？
（6）当 margin-top、padding-top 的值是百分比时，分别是如何计算的？
- 相对最近父级块级元素的 width，相对最近父级块级元素的 width
（7）p元素和a元素能嵌套哪些元素？
- p元素不能包含任何块级元素(包括自身)
- a元素可以包含任何其他元素(除了自身)
（8）DOM树的根节点是什么？
- document
（9）什么是SVG？
- SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
- SVG 用来定义用于网络的基于矢量的图形
- SVG 使用 XML 格式定义图形
- SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
- SVG 是万维网联盟的标准
- SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
- (SVG是HTML下的一个分支)
（10）关于 link 和 @import 区别是什么？
- link 可以使用 javascript 控制 DOM 改变样式，@import 不支持
- link 引用 CSS 时，页面加载同时加载样式，@import 需要页面完全载入以后加载
- link属于HTML范畴,@import属于CSS范畴
以上是关于Web前端大厂笔试题集的主要内容，如果未能解决你的问题，请参考以下文章