每日前端签到(第十七天)

第十七天(2018-08-22)

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

css:什css的属性content有什么作用呢?有哪些场景可以用到?

js:"attribute"和"property"有什么不同?

软技能:你如何看待团建的?你们团建一般都怎么实施?

第一题:

  • 置换元素是指:浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如:浏览器根据标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。

  • 非置换元素:浏览器中的大多数元素都是不可置换元素,即其内容直接展示给浏览器。例如标签,

    标签里的内容会被浏览器直接显示给用户。
    面试当中问到的置换元素

第二题:
经常搭配:after和:before使用

第三题:
在操作 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 的值更偏向于自定义和非标准。

第四题:
看别人的每天一题,掘金,简书 的等等,技术公众号

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,342评论 0 3
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,715评论 0 7
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,466评论 0 44
  •   DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 1,488评论 1 3
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,084评论 0 0