Web前端笔试题整理11
前端 笔试
overflow
- scroll，必定会出现滚动条
- auto，子元素内容大于父元素时出现滚动条
- visible，溢出的内容出现在父元素之外
- hidden，溢出隐藏
<a> target
- _blank，在新窗口中打开被链接文档
- _self，默认。在相同的框架中打开被链接文档。
- _parent，在父框架集中打开被链接文档
- _top，在整个窗口中打开被链接文档。
- framename，在指定的框架中打开被链接文档。
border
- 当定义border：none时，表示无边框样式，浏览器并不会对边框进行渲染，也就没有实际的宽度
- 定义边框时，除了设置宽度外，还必须设置边框的样式才能显示出来
CSS Sprites
CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和
H5常用结构标签
- header
- nav
- section
- aside
- footer
- article
HTML5新增的表单类型
- color类型： 用来选取颜色的，他提供一个颜色选取器用来选取
- date类型：以日历的形式方便用户输入
- email类型：该类型会自动要求输入的地址格式正确，否则浏览器不允许提交。有错误信息提示
- multiple属性，该属性允许在文本框中输入逗号分隔有效的E-mail地址的一个列表
关于无障碍性（Accessibility）
- role，属性用来指定一个元素在页面中的作用
- alt，属性用来为图片提供文字性说明
- 正确地使用语义化标签有助于提高页面的无障碍性
- tabindex，属性控制tab键的顺序
from元素的enctype
- enctype属性在get请求中会被忽略，在post请求中才有效
- application/x-www-form-urlencoded，表示会对特殊字符进行转义
- text/plain，以文本的形式进行编码，不会对特殊字符进行编码
- multipart/from-data，向服务器发送二进制文件的时候有用，例如提交文件！
HTML5 Canvas性能优化
- 使用多个分层的Canvas绘制复杂场景
- 不再动画中使用putImageData方法
- 使用Web Worker运行事件复炸度高的代码
- 将渲染阶段的开销转嫁到计算阶段上
box-sizing
box-sizing有两个属性：
content-box：是默认值，width和height只包括内容的宽和高
border-box：边框和内边框的值包含在width中，但不包括外边框
相邻块垂直方向会合并，水平方向不会
CSS名命规范
BEM
表达式为flase
- “9” < “10”, flase， 比较的是字符编码
JavaScript模块化规范
- AMD
- CommonJS
- ES Moudules
require.js是amd规范的实现这，不是规范
Canvas和SVG
- Canvas和SVG都可以使用JavaScript来绘制
通过JavaScript设置Cookie，如果不指定expires
该Cookie在浏览器会话结束后失效
HTTP缓存
- Cache-Control：HTTP/1.1定义的 Cache-Control 头用来区分对缓存机制的支持情况， 请求头和响应头都支持这个属性。
- Last-Modified：一种弱校验器。说它弱是因为它只能精确到一秒。如果响应头里含有这个信息，客户端可以在后续的请求中带上 If-Modified-Since 来验证缓存。
- Etags：缓存的一种强校验器。如果资源请求的响应头里含有ETag, 客户端可以在后续的请求的头中带上 If-None-Match 头来验证缓存。
版权声明：本文为xiaoxu-xmy原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。