1. the CSS box model in () are transparent, which may be part of the background display ()
A、padding
B、margin
C、border
D、content
Answers: A
Answer Analysis: - ** Margin (Margin) ** - clear the area outside the borders, margins are transparent. - ** Border (Borders) ** - around the inner and outer margins content border. - ** the Padding (padding) ** - Clear region, padding around the content is transparent. - ** the Content (Content) ** - the contents of the box, displaying text and images. - Margin --------
Clear margin area around the element (outer frame) of. margin no background color is completely transparent
-
Padding background color fill element (filled) ------------- Padding element when (fill) (padding) are cleared, the "release" of the area would be.
2. Usually we see in the browser content area content, are placed between ()
A、<!doctype html>
B、<html></html>
C、<head></head>
D、<body></body>
Reference answer: D
Answer Analysis:
A The answer is to declare the document type.
B The answer is the entire html file.
The answer is C page title, displayed at the top of your browser,
D The answer is that the main part of the page, that content area of the browser.
So the answer is D.
html file structure is as follows
>
Page name, the head
Main page content browsing area
3. About HTML semantics, which the following statement is true?
A, semantic HTML is conducive to reading machines, handheld devices such as PDA, search engine crawlers; but not conducive to people's reading
B, and Table belonging outdated labels, experience data list, you need to make use of div to simulate form
C, semantic HTML5 is bringing a new concept, the previous version of HTML semantics can not be done
D, header, article, address belong to the semantic clearly labeled
Reference answer: D
Answer Analysis: About Semantic some html reference </ http:>
4. The following code snippet located between the head is what to do with?
<meta name="viewport" content="width=device-width, initial-scale=1">
HTML
A, so that the desirable page coding
B, responsive design support
C, supports normal mapping and scaling
D, represents the proper fit for scrolling
Answers: B
Answer Analysis:
<pre class="best-text mb-10">C
The width of the viewport height - - the height of the viewport width
initial-scale - the original scale
minimum-scale - allows the user to scale the minimum scale
maximum-scale - allows the user to zoom to the maximum ratio
user-scalable - whether the user can manually zoom
5. The following definitions css in which the weight is the lowest?
A、#game div.name
B、#game .name
C、#game div
D、#game .name span
Reference answer: C
Answer Analysis: highest praise answer is not accurate. Priority is: inline styles> id selector> = class selector attribute selectors pseudo class selector => = pseudo-element tag selector selectors. When a combination of a plurality of selectors, these should not be simply to assign a weight selector, and then compare the size of the addition. Because the above mentioned priority is not leapfrog, say an id selector you can top the n class selectors ... so be relatively gradual, relatively the same level number, the number of high priority. Of course! Highest priority is important.
6 HTTP and HTTPS shortcomings
A, using plaintext communication is not encrypted, the content may be intercepted
B, does not verify the identity of the communicating parties, may have been disguised
C, can not verify message integrity, may be tampered
D, HTTPS is HTTP plus encryption processing (SSL secure communication link typically) + + integrity protection certification
Answers: A
Answer Analysis : ABCD are all
7. About angularjs statement, the error is
About angularjs1 statement, the error is
A, the front end mvc, greatly reducing the coupling of the front-end development
B, greatly enriched the operating dom
C, to achieve a two-way data binding
D, to achieve dependency injection
Answers: B
Answer Analysis: Angular greatly reduced access to the DOM. jQuery greatly enriched the DOM manipulation
8. The following HTML code is compliant?
A、<ul> <ol> <li>item 1</li> </ol> </ul>
B、<table> <tr> <td>Data 1</td> <td>Data 2</td> <tr> </table>
C、<p> <ul> <li>Item 1</li> </ul> </p>
D、<a href="/"> <p>Some Text</p> </a>
Reference answer: D
Answer Analysis: slightly
9. The above procedure is to ask the output ()
function Foo(){
var i=0;
return function(){
document.write(i++);
}}var f1=Foo(),
f2=Foo();f1();f1();f2();
JavaScriptWill the above procedure is output ()
A、010
B、012
C、000
D、011
Answers: A
Answer Analysis:
1. When a function is created, the interior [scope] attribute is stored, saved scope chain comprises a global variable in this object attribute.
2. When the function is called, it creates a corresponding execution environment and the scope chain, argument and its arguments to initialize.
Here f1 () function and f2 () function will be created when the two call the execution environment, save their variable objects, the result is not related. The function returns the same value when multiple calls are stored in the same variable object.
10. Web page to perform the following JavaScript code that results in a pop-up page execution results? va
r course = ['Java', 'JSP', 'Oracle', 'Spring'];
course[10] = 'jQuery';
course.push('PHP');alert(course.length);
JavaScriptA、0
B、6
C、11
D、12
Reference answer: D
Answer Analysis: The last element of the array's length property is always defined than the large array subscript 1
11. After the following definitions which pattern, inline (non-block) may define the width and height of the element
A、display:inline
B、display:none
C、display:block
D、display:inherit
Reference answer: C
Answer Analysis:
| value |
description |
||||||||||||||||||||||||||||||||||||||||||
| none |
This element will not be displayed. |
||||||||||||||||||||||||||||||||||||||||||
| block |
This element will be displayed as a block-level element, with a line break before and after this element will. |
||||||||||||||||||||||||||||||||||||||||||
| inline |
default. This element will be displayed as inline elements, before and after the element has no line breaks. |
||||||||||||||||||||||||||||||||||||||||||
| inline-block |
Inline block elements. (CSS2.1 added value) |
||||||||||||||||||||||||||||||||||||||||||
| list-item |
This element will be displayed as a list. |
||||||||||||||||||||||||||||||||||||||||||
| run-in |
This element is shown as the block-level elements or inline elements according to the context. |
||||||||||||||||||||||||||||||||||||||||||
| compact |
CSS added value compact, but due to the lack of broad support, has been removed from the CSS2.1. |
||||||||||||||||||||||||||||||||||||||||||
| marker |
CSS added value marker, but due to the lack of broad support, has been removed from the CSS2.1. |
||||||||||||||||||||||||||||||||||||||||||
| table |
This element will be displayed as a block-level table (similar), with a line break before and after the table.
|
||||||||||||||||||||||||||||||||||||||||||
12. After the execution the following code in which letters will console output? swi
tch (true) {
case 1:
console.log('A')
case ['']:
console.log('B')
case 'true':
console.log('C')
default:
console.log('D')}
JavaScriptA、A: D
B、B: A, B, C, D
C、C: B, C
D、D: A, D
Answers: A
Answer Analysis: JS of switch used "===" operator
13. Will the following options () is not able to correctly implement the functions described below. Function: Adding jQuery dynamically with the body of the page a div tag; at the same time do it, when I click div dynamically added, can put text inside the div pop up.
A、$(function() {$(".clickme").click(function() {alert($(this).html());});$("body").append("新添加的元素");});
B, $ (function () {$ ( "body") append ( "newly added element");.. $ ( ". Clickme") click (function () {alert ($ (this) .html ()) ;});});
C、$(function() {$("body").append("新添加的元素");$(".clickme").live("click", function() {alert($(this).html());});});
14.以下全部属于块级标签的是？
A、<div><p><input><span><img>
B、<div><h1><p><img><dl>
C、<span><h1><p><img><dl>
D、<div><p><form><ul><h1>
15.在html中，下列哪个标签可以创建一个下拉菜单？
A、<dropdown ><select >baidu</select></dropdown>
B、<select><dropdown>baidu</dropdown></select>
C、<select><option>baidu</option></select>
D、<option><select>baidu</select></option>
16.标记符title是放在以下哪个标记符之间的？（ ）
A、html与html
B、head与head
C、body与body
D、head与body.
17.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件？
A、$.ajax()
B、load(url)
C、$.get(url)
D、$. getScript(url)
18.层叠样式表CSS的英文单词全称是（）
A、Colorful Style Sheet
B、Cascade Style Sheet
C、Creative Style sheet
D、Computer Style Sheet
19.下面有关HTML的Doctype和严格模式与混杂模式的描述，错误的是？
A、声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档
B、在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示
C、DOCTYPE不存在或格式不正确会导致文档以标准模式呈现
D、浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法
二、多选题（共11题，每题5分）
1.请选出正确的答案
A、一个id在页面中只能使用一次
B、一个class可以在一个网页中多次使用
C、ID和class都能和javascript及CSS一起使用
D、同一个id或class，都可以在一个网页中出现多次
参考答案：B,C,D
答案解析：
HTML讲求：发送时严谨，接收时包容，id唯一规范这个并不是完全硬性的。虽然id唯一是规范，但是A答案这种说法，个人觉得不是很正确
2下列JS框架中，系列不包含开箱即用的UI控件和小部件的是（）
A、MooTools
B、ExtJS
C、jQuery
D、YUI
参考答案：A,C
答案解析：
A、C
http://www.w2bc.com/article/138643.
3.下列哪些是预编译 css 工具
A、less
B、sass
C、bass
D、stylus
参考答案：A,B,D
答案解析：CSS 预编译工具有stylus，sass，less 为什么会出现CSS预编译器这个东西呢？这就要谈到CSS的不足了：没有变量(新的规范已经支持了)，不支持嵌套，编程可以力较弱，代码复使用性差。这些不足导致写出来的CSS维护性极差，同时包含大量重复性的代码；为了弥补这些不足之处，CSS预编译器应运而生。而谈到CSS预编译器，就离不开这三剑客Sass、Less、Stylus。历史上，最先登场的是Sass，由于出现最早，所以也是最完善的，有各种丰富的功可以；Less的出现伴随着Bootstrap的流行，因而也取得大量使用户；最后是Stylus，由TJ大神开发(敬大神)，因为其简洁的语法，更像是一门编程语言，写起来非常Cool。所以下面我们来做一个简单的比照。
4.请选出所有的置换元素（）
A、img
B、input
C、textarea
D、select
参考答案：A,B,C,D
答案解析：
a) 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
例如：浏览器会根据![]()标签的src属性的 值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容；标签的type属性来决定是显示输入 框，还是单选按钮等。 (x)html中 的![]()、、
置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。
b) 不可替换元素：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。
例如： label中的内容 标签是一个非置换元素，文字label中的内容”将全被显示。
5.关于XML和JSON区别的描述正确的是
A、JSON相对于XML来讲，数据的体积小，传递的速度更快些
B、JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互
C、JSON对数据的描述性比XML较好
D、JSON的速度要远远快于XML
参考答案：A,B,D
答案解析：（1）可读性方面：基本相同，XML的可读性比较好； （2）可扩展性方面：都具有良好的扩展性； （3）编码难度方面：相对而言，JSON的编码比较容易； （4）解码难度：JSON的解码难度基本为零，XML需要考虑子节点和父节点； （5）数据体积方面：JSON相对于XML来讲，数据体积小，传递的速度比较快； （6）数据交互方面：JSON与javascript的交互更加方便，更容易解析处理，更好的数据交互； （7）数据描述方面：XML对数据描述性比较好； （8）传输速度方面：JSON的速度远远快于XML。
6.可以包含在HTML网页head标签中的有
A、<title>
B、<meta>
C、<body>
D、<link>
7.在前端开发过程中使用 use strict 模式的目的是什么？
A、消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为
B、消除代码运行的一些不安全之处，保证代码运行的安全
C、提高编译器效率，增加运行速度
D、为未来新版本的Javascript做好铺垫
8.去掉文本超级链接的下划线，下列正确的是（）
A、{underline:noen}
B、{text-decoration:no underline}
C、{text-decoration:none}
D、{decoration:no underline}
9.下列属于HTML5新元素的是____。
A、header
B、footer
C、section
D、nav
E、viewport
10. The argument about the css sprite, right there?
A, reduce the number of HTTP requests, greatly enhancing the speed of loading the page
B, increasing the picture repetition of information, increasing the compression ratio, reducing the image size
C, easy to maintain, modify a picture you do not need to re-layout of the entire picture, style
D, convenient replacement style, just change the color or style on one or a few images can be realized
11. The value of the type attribute of the input element may be a ()
A、image
B、checkbox
C、select
D、button
Welcome into the group together to discuss and exchange learning oh: 907 694 362