解答前端面试每日 3+1 第19天

出题人：浪子神剑
题目出处：https://www.jianshu.com/u/07214066934f

[html]说说你对html中置换元素和非置换元素的理解

置换元素（Replaced Element）：主要是指 img、input、textarea、select、video、audio等这类默认就有 CSS 格式化外表范围的元素。
一个 内容 不受 CSS 视觉格式化模型控制，CSS 渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，被称之为置换元素。
一般来说 span 这种行内非置换元素设置宽高是没有意义的，除非修改 display: inline-block。对于行内置换元素，是可以设置宽高的。比如常用的 img 标签自适应图片时，我们只需要定义一个宽或者高，剩下的就会自动帮我们计算。

[css]css的属性content有什么作用呢？有哪些场景可以用到

CSS 的 content 一般用在 ::before/after 这类的伪元素中。并且如果 ::before 和 ::after 元素如果不设置 content 属性的话，也是没有效果的。
content 属性与 :before 及 :after 伪元素配合使用，在元素头或尾部来插入生成内容。
说明： 该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的盒子类型可以用属性 display 控制。

[js]“attribute”和“property”有什么不同

在操作 DOM 时，我们经常会操作 attribute 和 property。不过从两者的所属关系上来说： property 属于 DOM Object，而 atrribute 属于 HTML。
property 通常比较容易获取，并且有固定的值（当然，类似 JavaScript 的对象，我们可以添加自定义的值，只是这些不会被 DOM 所认识）。比如 el.id、el.value、el.style 都是 property 而设置也只需要 el.id=newId 即可。
attribute 的值不是固定的，我们可以自己为 DOM 添加需要的属性（以前常常用来存放数据或者标志位，在 HTML5 有了 data-* 的属性后，一般就利用 data-* 来存放数据了）。对于 attribute 的设定和获取我们使用 setAttribute 和 getAttribute 两个方法。
在书写方面 property 对于大小写敏感；而 attribute 对于大小写不敏感。
总的来看 property 的值更偏向于标准而 attribute 的值更偏向于自定义和非标准。

[软技能]最近都流行什么？你经常会浏览哪些网站

、CSDN、知乎、掘金、github