大二上第二次前端考核

考核总结

引言:

本次考核共20道简答题,一道写布局的题(感觉难度比想象中的简单,可能是因为之前受到某人的惊吓,以为会很难(这里要插一句wqh牛批),所以看到这次的题感觉还可以,好像大致都有看过,除了渐进增强与优雅降级完全不懂)

第一部分:

第一题:关于浏览器内核

你的代码都在哪些浏览器上运行过?这些浏览器的内核是什么?

我一般都是在chrome上运行,浏览器内核:Blink

浏览器内核及主流浏览器内核介绍

浏览器内核

浏览器最重要也是最核心的就是浏览器内核,英文“Rendering Engine”,译为渲染引擎。习惯上我们称之为浏览器内核。浏览器内核负责对网页语法的解释并渲染网页。其作用即为决定网页及页面的格式信息。

主流浏览器内核

浏览器 浏览器内核
IE Trident
Google Chrome Blink
Mozilla Firefox Gecko
safari WebKit
Opera Blink

(关于几个浏览器内核有时间再详细整理一遍)

第二题: <!doctype html> 的作用

< !doctype html > 的作用是什么?

  • 简单来说就是 告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档。(也就是 告诉解析器要用h5格式解析文档)

  • doctype是一种标准通用标记语言的文档类型声明。

  • < !DOCTYPE >声明是用来指示web浏览器关于页面使用哪个HTML版本进行编写的指令。

  • < !DOCTYPE >声明必须是HTML文档的第一行,位于html标签之前。

  • 补充:

    浏览器本身分为两种模式,一种是标准模式,一种是怪异模式

    标准模式

    怪异模式

    浏览器通过doctype来区分这两种模式,doctype在html中的作用就是触发浏览器的标准模式,如果html中省略了doctype,浏览器就会进入到Quirks模式的怪异状态,在这种模式下,有些样式会和标准模式存在差异,而html标准和dom标准值规定了标准模式下的行为,没有对怪异模式做出规定,因此不同浏览器在怪异模式下的处理也是不同的,所以一定要在html开头使用doctype。

HTML4.01的doctype

在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.01基于SGML。DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容。在HTML4.01中有三种<!DOCTYPE>声明。

严格模式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd">

过渡模式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">

框架模式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd">

HTML5的doctype

HTML5不基于SGML,所以不需要引用DTD。在HTML5中<!DOCTYPE>只有一种

<!DOCTYPE html>

第三题:input标签属性

实现如下方案,需要在 <input>标签中添加什么属性?

大二上第二次前端考核

大二上第二次前端考核

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。不多说了。

 

上一篇:Bytom Kit开发辅助工具介绍


下一篇:集成华为Image Kit图像主题标签功能 轻松整理400+图片场景的分类