前段时间面试(包括阿里巴巴的电话面试),遇到过一些试题,且面试中出现机率较高的提问/笔试,有些答的不是很好挂掉了,今天终于有时间整理出来分享给大家,内容主要分为两部分:面试中遇到的、在复习过程中看到认为值得加深巩固的。
HTML
1、什么是盒子模型?
有些面试官会问你对盒子模型的理解,在我们平时看到的网页中,内部的每一个标签元素它都是有几个部分构成的:内容(contnt)、外边距(margin)、内边距(padding)、边框(bordr),四个部分组成,当你说完这些面试官是不会满意这个答案的,因为还有一个重点(IE盒模型和标准盒模型的区别)———IE盒模型的contnt包括bordr、padding
、页面导入样式时有几种方法,它们之间有区别?
link标签引入,也是当下用的最多的一种方式,它属于XHTML标签,除了能加载css外,还能定义l、typ、mdia等属性;
import引入,import是CSS提供的,只能用于加载CSS;styl嵌入方式引入,减少页面请求(优点),但只会对当前页面有效,无法复用、会导致代码冗余,不利于项目维护(缺点),此方式一般只会项目主站首页使用(腾讯、淘宝、网易、搜狐)等大型网站主页,之前有看到过都是这种方式,但后来有些也舍弃了;小结:link页面被加载的时,link会同时被加载,而
import引用的CSS会等到页面被加载完再加载,且link是XHTML标签,无兼容问题;link支持动态js去控制DOM节点去改变样式,而import不支持,3、简单讲述一下块元素、内联元素、空元素有哪些,它们之间的区别?
行内元素有:a、b、span、img、input、slct、txtaa、m、img、strong(强调的语气);块级元素有:ul、ol、li、dl、dt、dd、h1、h、h3、h4…p、sction、div、form等;br、hr、inputtyp="hiddn"、link、mta;
小结:块元素总是独占一行,margin对内联元素上下不起作用;
4、说说cookis,sssionStorag、localStorag你对它们的理解?
cooki是网站为了标示用户身份而储存在用户本地终端上的数据(通常经过加密),cooki数据始终在同源的