笔试笔记（三）

1、链接： https://www.nowcoder.com/questionTerminal/6dc7bc41f585450d892cf1451f76e062
来源：牛客网

下面span标签中Hello World字体的颜色是：（）D

<code class="java string">"text/css"</code> <code class="java plain">></code> </div> <div class="line number2 index1 alt1"> <code class="java plain">span {</code> </div> <div class="line number3 index2 alt2"> <code class="java spaces">    </code> <code class="java plain">color: green;</code> </div> <div class="line number4 index3 alt1"> <code class="java plain">}</code> </div> <div class="line number5 index4 alt2"> <code class="java plain">.red {</code> </div> <div class="line number6 index5 alt1"> <code class="java spaces">    </code> <code class="java plain">color: red;</code> </div> <div class="line number7 index6 alt2"> <code class="java plain">}</code> </div> <div class="line number8 index7 alt1"> <code class="java plain">#blue {</code> </div> <div class="line number9 index8 alt2"> <code class="java spaces">    </code> <code class="java plain">color: blue;</code> </div> <div class="line number10 index9 alt1"> <code class="java plain">}</code> </div> <div class="line number11 index10 alt2"> <code class="java plain">

"blue" class = "red" style= "color:black;" >Hello World

• green

• red

• blue

• black

权重 ：内联 权重1000 ， ID 选择器 权重：100， 类 伪类 属性选择器 权重：10 ，类型选择器 权重：1 除!important ，内联权重最大！

2、display:inline兼容所有的浏览器。请判断这句话的正确与否。F

• T

• F

3、链接：https://www.nowcoder.com/questionTerminal/d769681d657f4ad1982b3987f37c8a18
来源：牛客网

下列哪个操作是W3C标准定义的阻止事件向父容器传递： D

• e.preventDefault()

• e.cancelBubble=true

• e.stopPropagation()

• e.stopImmediatePropagation()

链接：https://www.nowcoder.com/questionTerminal/d769681d657f4ad1982b3987f37c8a18
来源：牛客网

event.preventDefault();// 取消事件的默认行为  

event.stopPropagation(); // 阻止事件冒泡行为 , 符合 W3C 标准，适用于 FireFox 等

cancelBubble  // 阻止事件冒泡行为，不符合 W3C 标准，适用于 IE

stopImmediatePropagation 防止对事件流中当前节点中和所有后续节点中的事件侦听器进行处理。此方法会立即生效，并且会影响当前节点中的事件侦听器。

stopPropagation  防止对事件流中当前节点的后续节点中的所有事件侦听器进行处理。此方法不会影响当前节点 (currentTarget) 中的任何事件侦听器。

4、 关于嵌套列的用法，正确的是 D

Bootstrap 框架的网格系统工作原理如下：

1  、数据行  (.row)  必须包含在容器（  .container  ）中，以便为其赋予合适的对齐方式和内距  (padding)  。

    如： 

container  ">

       

row  ">

       

2  、在行  (.row)  中可以添加列  (.column)  ，但列数之和不能超过平分的总列数，比如  12  。

    如： 

            

            

4  ">

            

8  ">

3  、具体内容应当放置在列容器（  column  ）之内，而且只有列（  column  ）才可以作为行容器  (.row)  的直接子元素

4  、通过设置内距（  padding  ）从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距（  margin  ）来抵消内距  (padding)  的影响

详：  http://www.imooc.com/code/2325

D（正确）

关于列的嵌套

Bootstrap  框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行（  row  ）容器，然后在这个行容器中插入列。但在列容器中的行容器（  row  ），宽度为  100%  时，就是当前外部列的宽度。

详：  http://www.imooc.com/code/2329

5、链接： https://www.nowcoder.com/questionTerminal/9235b6b9c1f64ccfb8ed0f80c39da1b2
来源：牛客网

关于 css 布局中的 BFC ，描述错误的是 A

• BFC的区域会与float的元素区域重叠

• 计算BFC的高度时，浮动子元素也参与计算

• BFC就是页面上的一个隔离的独立容器，容器里面的子元素是不会影响到外面的元素

• BFC意为”块级格式化上下文”

http://www.jianshu.com/p/76484dff1cb5

6、

bootstrap中，一个元素需要在打印时隐藏，使用的类是 C

• visible-print-block

• visible-print-inline

• hidden-print

• print-hidden

参见bootstrap中文手册 响应式工具->打印类  http://v3.bootcss.com/css/#responsive-utilities

class	浏览器	打印机
.visible-print-block .visible-print-inline .visible-print-inline-block	隐藏	可见
.hidden-print	可见	隐藏

7、 下列哪些功能可以通过Cookie来实现？（ ）ABC

• 记录访问者的信息

• 在页面之间传递信息

• 自动识别用户

• 对数据库进行操作

cookies一般是用于自动登录呀(如淘宝,京东一些可以勾选自动登录),这就相当于进行从登录页到主页的跳转了,页面之间传递着用户的信息,以键值对的方式存储着用户的信息,当然登录跳转也用到了其他以键值对存储的信息,如session(服务端保持,一些需要登录以后才可以访问的就需要session校验,如果是大项目开发的话会用到过滤器) cookies主要用于客户端保持,当然了,cookies怎么可能对数据库进行操作呢,cookies是保存在客户端的.

如果我们想要查看cookies的时候可以使用fiddler工具(项目开发必备)

如我的账号牛客网某个页面对应的cookies信息为

UM_distinctid=15b5fd3a7053e1-0edad395baf377-396b4e08-15f900-15b5fd3a706bce

NOWCODERUID=625957A008CAAE37FC61DE5036CEFB57

NOWCODERUID=625957A008CAAE37FC61DE5036CEFB57

t=3770A392407BD75C2A3D78DA9C02D98E

t=3770A392407BD75C2A3D78DA9C02D98E

NOWCODERCLINETID=167A2C97D8EC3193C3DB6FF1BC1B7D73

NOWCODERCLINETID=167A2C97D8EC3193C3DB6FF1BC1B7D73

8、 在不考虑H5的情况下,下列哪些值是可以作为标签的type属性的属性值。（）ABC

• text

• submit

• button

• date

H5 新增的input标签  date(日期)，题目为不考虑H5，故为ABC。考虑则为ABCD。

9、下面关于IE、FF下面CSS的解释区别描述正确的有？CD

• FireFox的div的内嵌div可以把父级的高度撑大，而IE6.0不可以，要自己设置高度。

• 当设置为三列布局时，FireFox0的float宽度不能达到100％，而IE6.可以。当设置为两列布局时，两种浏览器都可以。

• 火狐浏览器中，非float的div前面有同一父级的float的div，此div若有背景图，要使用clear：both，才能显示背景图，而IE6.0中不用使用clear：both
• 在[text-decoration:underline]的属性下，IE6.0显示的下划线会比FireFox低一点。在FireFox中，部分笔画会在下划线的下面1个象素左右。

链接： https://www.nowcoder.com/questionTerminal/4b51fb984d5b4fd8a4e2475ab815713f
来源：牛客网

A:IE6.0的div的内嵌div可以把父级的高度撑大，而FireFox不可以，要自己设置高度。

B:当设置为三列布局时，IE6.0的float宽度不能达到100％，而FireFox可以。当设置为两列布局时，两种浏览器都可以。

10、链接： https://www.nowcoder.com/questionTerminal/d49b7f013d44480a8ae167539a6d5199
来源：牛客网

MVC是一种常见的架构。以下描述错误的是？ ABC

• 只有Web系统才能使用MVC

• 只有能够保存正在数据库里面的实体才能称之为模型（Model）

• 只有以HTML形式显示的页面才是视图（View）

• 模型变更之后，只有控制器（Controller）才能驱动视图变更或重新渲染视图

任何系统都可以使用MVC的设计理念；

模型层里面放的是业务逻辑

视图层有很多表现形式