前端笔试选择题(11-15)

194 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第5天,[点击查看活动详情]

11

拖放是HTML5标准的组成部分,若想要把drag1图片放入div1块中,拖放方法如下:
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
} 则,如下HTML代码正确的是()

A、<div id="div1" ondragstart="drag(event)" ondragover="allowDrop(event)"></div> <img id="drag1" src="img_logo.gif" draggable="false" ondrop="drop(event)" width="336" height="69" />

B、<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <img id="drag1" src="img_logo.gif" draggable="false" ondragstart="drag(event)" width="336" height="69" />

C、<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69" />

D、<div id="div1" ondragstart="drag(event)" ondragover="allowDrop(event)"></div> <img id="drag1" src="img_logo.gif" draggable="true" ondrop="drop(event)" width="336" height="69" /> 参考答案:C

12

设置文字颜色应使用属性

A、font-family

B、font-color

C、color

D、font

参考答案:C

答案解析:

没有font-color这种说法

13

关于设计模式,下列说法正确的是( )。

A、原型(Prototype)和模板方法 (Template Method)属于创建型模式

B、组合(Composite)和代理 (Proxy)属于结构型模式

C、桥接(Bridge)和状态(State)属于行为型模式

D、外观(Facade)和中介(Mediator)属于创建型模式

参考答案:B

答案解析:

设计模式是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式的目的:为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。 设计模式使代码编写真正工程化;设计模式是软件工程的基石脉络,如同大厦的结构一样。设计模式一共包括23种,具体分类如下表所示。

image.png

14

选出你认为最合理的定义标题的方法。

A、<span class=”heading”>文章标题</span>

B、<p><b>文章标题</b></p>

C、<h1>文章标题</h1>

D、<strong>文章标题</strong>

参考答案:C

答案解析:

H1不是随便用的,H1有利于SEO优化,一般来说一个页面里只有一个。

15

下列关于回溯的表达式错误的是?

A、ab.*lmn 匹配 abcdeflmnghijklmn 中的 abcdeflmnghijklmn

B、ab.*?lmn 匹配 abcdeflmnghijklmn 中的 abcdeflmn

C、ab??c 匹配 abcdeflmnghijklmn 中的 abc

D、.*lmn 匹配 abcdeflmnghijklmn 中的 abcdeflmn

参考答案:D

答案解析:

D是贪婪匹配,所以应该匹配到的结果是abcdeflmnghijklmn