前端面试宝典必看

写在前面

CSDN话题挑战赛第1期

  • 活动详情地址:CSDN

  • 参赛话题:前端面试宝典

  • 话题描述:欢迎各位加入话题创作得小伙伴,如果我没有猜错得话,我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重,已经成为不可缺少的部分,前端技术也是层出不穷,各种技术类、技术框架也蜂拥而出,前端面试的难度也随之增加,如果我们拥有一套前端面试宝典。如果你是应聘者:你就可以从容的solo面试官,如果你是面试官:你就可以将应聘者拷问到骨子里!
    总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此,形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧!!!

  • 创作模板:

携手共筑前端面试宝典

题目一

Doctype作用?

考点

Doctype作用?严格模式与混杂模式如果区分?意义?

Doctype多少种文档类型?

HTML与XHTML,有什么区别?

content-box和border-box,为什么看起来content-box更合理,但还是经常使用border-box?

答案

Doctype作用?严格模式与混杂模式如果区分?意义?

<!DOCTYPE>声明位于文档的最前面,处于标签之前。告知浏览器以何种模式来渲染文档

严格模式的排版和js运作模式是以该浏览器支持的最高标准运行

在混杂模式中,页面已宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现

7、Doctype多少种文档类型?

该标签可声明三种DTD类型,分别表示严格版本、过渡版本以及基于框架的HTML文档

HTML4.01规定了三种文档类型:Strict, Transitional以及Frameset

XHTML 1.0规定了三种XML文档类型:Strict, Transitional以及Franmeset

Standards(标准)模式(也就是严格呈现模式)用于呈现遵循最新标签的网页,而Quirks(包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页

8.HTML与XHTML,有什么区别?

所有的标签必须要有一个相应的结束标签

所有标签的元素和属性的名字都必须使用小写

所有的XML标记都必须合理嵌套

所有的属性必须引号“”括起来

把所有的<和&特殊符号用编码表示

给所有属性赋一个值

不要在注释内容使用'--'

图片必须要有说明文字

1、content-box和border-box,为什么看起来content-box更合理,但还是经常使用border-box?

content-box是W3C的标准盒模型 元素宽度+padding+border

border-box 是ie的怪异盒模型,他的元素宽度等于内容宽度 内容宽度包含了padding和border

比如有时候在元素基础上添加内边距padding或border会将布局撑破 但是使用border-box就可以轻松完成

扩展

介绍HTML5的新特性

新的DOCTYPE声明<!DOCTYPE html>

完全支持css3

video和audio

本地存储

语义化表圈

canvas新事件如 ondrag onresize

写在最后

CSDN话题挑战赛第1期

  • 活动详情地址:CSDN
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值