1.关于HTTP协议，下面哪个说法是正确的？
-
RESTful 接口中，利用HTTP协议的method字段来描述要对资源操作的方式，比如GET表示获取资源，POST表示新增一个资源，PUT表示更新资源,DELETE 表示删除资源等等。
附：https://blog.csdn.net/qq_41720311/article/details/83901983
2.使用CSS的flexbox布局，不能实现以下哪一个效果：
-
三列布局，随容器宽度等宽弹性伸缩
-
多列布局，每列的高度按内容最高的一列等高
-
三列布局，左列宽度像素数确定，中、右列随容器宽度等宽弹性伸缩
-
多个宽高不等的元素，实现无缝瀑布流布局（不能实现）
3.要运用css3动画，你需要运用什么规则？
-
keyframes
附：要运用css3动画，需要运用@keyframes规则和animation属性
4.
5.基于以下 HTML 结构，判断浏览器会发送多少个图片请求？
- 3
附：经过测试的结果是:
1. 只要是img src引用的都会请求；
2. background: url()所属样式如果挂靠在某个元素上，就一定会请求；单独写了这么一个样式并不请求。
所以这道题目中，只有#bg不请求。
6.
pt (point，磅)：是一个物理长度单位，指的是72分之一英寸。
px (pixel，像素)：是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。
em(相对长度单位，相对于当前对象内文本的字体尺寸)：是一个相对长度单位，最初是指字母M的宽度，故名em。现指的是字符宽度的倍数，用法类似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。
7.下面有关CSS中link和@import的区别，描述错误的是？
-
link属于XHTML标签，而@import完全是CSS提供的一种方式
-
当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载
-
link在支持CSS的浏览器上都支持而@import只在5.0以上的版本有效
-
当使用javascript控制dom去改变样式的时候，只能使用@import方式（错误的）
附：页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是：
XML/HTML代码
<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />
XML/HTML代码
<style type="text/css" media="screen">
@import url("CSS文件");
</style>
两者都是外部引用CSS的方式，但是存在一定的区别：
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。
补充：@import最优写法
@import的写法一般有下列几种：
@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url("style.css") //Windows NS4, Macintosh NS4不识别
由上分析知道，@import url(style.css) 和@import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。
8.不换行必须设置哪些项？
-
word-break
-
white-space
附：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。
| 值 | 描述 |
|---|---|
| normal | 使用浏览器默认的换行规则。 |
| break-all | 允许在单词内换行。 |
| keep-all | 只能在半角空格或连字符处换行。 |
white-space 属性设置如何处理元素内的空白。
| 值 | 描述 |
|---|---|
| normal | 默认。空白会被浏览器忽略。 |
| pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
| nowrap | 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 |
| pre-wrap | 保留空白符序列，但是正常地进行换行。 |
| pre-line | 合并空白符序列，但是保留换行符。 |
| inherit | 规定应该从父元素继承 white-space 属性的值。 |
9.
label标签只有两个属性
for（ 规定 label 绑定到哪个表单元素。 ）
form（规定 label 字段所属的一个或多个表单）
10.当表单中包含文件上传控件时，需要将enctype设置为（）
-
multipart/form-data
附：
11.
12.
基于以下 HTML 结构，以下关于 main1.css 和 main2.css 的描述有哪些是正确的？
-
main1.css和main2.css同时开始加载，先加载完成的优先解析
-
如果main1.css和main2.css中有相同的选择器规则，那么main2.css中的规则将合并main1.css的规则
13.当margin-top、padding-top的值是百分比时，分别是如何计算的？
-
相对最近父级块级元素的width，相对最近父级块级元素的width
附：CSS 百分比参照问题
-
参照父元素宽度的元素：padding margin width text-indent
-
参照父元素高度的元素：height
-
参照父元素属性:font-size line-height
-
特殊：相对定位的时候，top(bottom) left(right)参照的是父元素的内容区域的高度与宽度，而绝对定位的时候参照的是最近的定位元素包含padding的高度与宽度
14.常见的浏览器端的存储技术有哪些？
-
cookie
-
localStorage
-
session（这是错误的）
-
userData
附：cookie 是靠谱的浏览器都支持；localStorge 比 cookie 存的更多，获取更方便，而且存储内容不会随请求发送给服务器；session 虽然需要 cookie 支持（通常存放加密过的 sessionId），但是不在浏览器端存放主要信息，排除；IE 支持 userData 存储数据，但是基本很少使用到，除非有很强的浏览器兼容需求。
浏览器端：
cookie
WebStorage(localStorage、sessionStorage)
userData
indexedDB
服务器端：
session
15.
DOM中的事件对象：（符合W3C标准）
preventDefault() 取消事件默认行为
stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用。
stopPropagation() 取消事件冒泡对当前节点无影响。
IE中的事件对象：
cancelBubble() 取消事件冒泡
returnValue() 取消事件默认行为
353
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
