前端笔试题整理(一)
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
10. 元素的alt和title有什么异同,选出正确的说法 ( B ) A. 不同的浏览器,表现一样 B. alt和title同时设置的时候,alt作为图片的替代文字出现,title是图片的解释文字 C. alt和title同时设置的时候,title作为图片的替代文字出现,alt是图片的解释文字 D. 以上说法都不正确 解析: A:IE浏览器和其他浏览器表现不太一样。 C:和B的表述刚好相反。
4. CSS中代表加粗字体的属性font-weight的值是 ( C ) A. 400 B. 500 C. 700 D. 900 解析:400 等同于 normal,而 700 等同于 bold
5. CSS盒子模型中box-sizing的值不包括 ( D ) A. inherit B. content-box C.border-box D.padding-box 解析:有三种值 Inherit - 表示box-sizing的值应该从父元素继承 content-box - 也叫标准盒子模型,是默认值。它的width组成仅仅只有content区域(不包括
定义复选框。
file
定义输入字段和 "浏览"按钮,供文件
hidden image password radio reset submit text
上传。 定义隐藏的输入字段。
定义图像形式的提交按钮。
定义密码字段。该字段中的字符被掩 码。 定义单选按钮。
定义重置按钮。重置按钮会清除表单 中的所有数据。 定义提交按钮。提交按钮会把表单数 据发送到服务器。 定义单行的输入字段,用户可在其中 输入文本。默认宽度为 20 个字符。
12. 下列不属于JS基本数据类型的是 ( C ) A. undefined B. null C. array D. symbol 解析: 基本类型:String、Number、boolean、null、undefined、symbol (es6) 引用类型:object。里面包含的 function、Array、Date
7. CSS3中设置动画的属性是 ( A ) A. animation B. transition C. transform D. translate 解析: Animation - 动画属性 Transition - 过渡属性,可实现滑动效果 Transform - 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋垂直方向(Y轴)移动。
一、单选题
1. 在OSI协议规范中,网络协议被划分为几层 ( D ) A. 4 B. 5 C. 6 D. 7 解析:OSI是一个开放性的通行系统互连参考模型,他是一个定义的非常好的协议规范。OSI模型有7 层结构,从上到下分别是: 7 - 应用层 6 - 表示层 5 - 会话层 4 - 传输层 3 - 网络层 2 - 数据链路层 1 - 物理层
padding区域和border区域)
border-box - 也叫IE盒子模型,它的width组成由content区域、padding区域、border区域
6. 在CSS选择器当中,优先级排序正确的是 ( D ) A. id > 行内样式 > 伪元素 > 伪类 B. id > 行内样式 > 伪类 > 伪元素 C. 行内样式 > id > 伪元素 > 伪类 D. 行内样式 > id > 伪类 > 伪元素 解析:css选择器的优先级排序: 1 - !Important 在属性后面写上这条样式,会覆盖掉页面上任何位置定义的元素的样式。 2 - 行内样式,在style属性里面写的样式。 3 - id选择器 4 - class选择器(含伪类) 5 - 标签选择器(含伪元素) 6 - 通配符选择器* 7 - 浏览器的自定义属性和继承
9. input元素的type属性的取值不可以是 ( D )
A. image B. submit C. button D. select
解析:迷惑题,input的type值见下表,select是元素。
button
定义可点击按钮(多数情况下,用于 通过 JavaScript 启动脚本)。
checkbox
11. flex布局中,代表水平居中的写法为 ( B ) A. text-align: center B. justify-content: center C. align-items: center D. align-self: center 解析: A: text-align: center, 文字水平居中,不属于flex布局 C: align-items: center, flex布局垂直居中 D: align-self, 属性定义flex子项单独在侧轴(纵轴)方向上的对齐方式
2. 在OSI协议规范中,网络协议被划分为几层 ( D ) A. 4 B. 5 C. 6 D. 7
3. cookie可以设置的属性不包括( B ) A. name B. host C. domain D. expires 解析:cookie常用属性: name: cookie的名称 value: cookie的值 domain: 域名 expires: 有效期 path: 服务器路径 secure: 设置是否只能通过https来传递此条cookie Size: cookie大小 http: cookie的httponly属性。若此属性为true,则只有在http请求头中会带有此cookie的信息,而 不能通过document.cookie来访问此cookie
8. 下列说法正确的是 ( B ) A. visibility:hidden;所占据的空间位置仍然存在,事件仍然可以监听; B. display:none;不为被隐藏的对象保留其物理空间; C. visibility:hidden;与display:none;两者没有本质上的区别; D. visibility:hidden;产生reflow和repaint(回流与重绘); 解析: A: 错在事件仍然可以监听,应该是事件不可监听。 C: visibility:hidden;与display:none;两者有本质区别 D:display:none才会产生reflow,而visibility:hidden只会出发repaint