First, multiple choice (a total of 19 questions, each question 5 minutes)
1.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
(Join the group 677 079 770 for more answers to interview questions and learning materials.)
3. With regard to semantic HTML, which of the following statements are 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?
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:
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: The answer is not exactly the highest praise. 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.
(Join the group 677 079 770 for more answers to interview questions and learning materials.)
The drawback with HTTPS 6.HTTP
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. With regard to 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. Will the above procedure is output ()
Will 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.
Page 10. Perform the following JavaScript code that results in a pop-up page execution results?
A、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. Which of the following style definition, 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:
12. execute the following code in which letters will console output?
A、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());});});
D、$(function() {$(".clickme").live("click", function() {alert($(this).html());});$("body").append("新添加的元素");});
Answers: B
Answer Analysis: No
14. The following blocks all belong to a class label that?
A、<div><p><input><span><img>
B、<div><h1><p><img><dl>
C、<span><h1><p><img><dl>
D、<div><p><form><ul><h1>
Reference answer: D
Answer Analysis:
15. in html, which of the following tags can create a drop-down menu ?
A、<dropdown ><select >baidu</select></dropdown>
B、<select><dropdown>baidu</dropdown></select>
C、<select><option>baidu</option></select>
D、<option><select>baidu</select></option>
Reference answer: C
16. The title tag is placed between which of the following tag of? ()
A, html given html
B、head与head
C, body and body
D、head与body
Answers: B
Answer Analysis: No
17. want to achieve http get requests through a remote loading function is the following information about the event in which the jquery?
A、$.ajax()
B、load(url)
C、$.get(url)
D、$. getScript(url)
Reference answer: C
Answer Analysis: No
18. Cascading Style Sheets CSS stands for the English word ()
A、Colorful Style Sheet
B、Cascade Style Sheet
C、Creative Style sheet
D、Computer Style Sheet
Answers: B
Answer Analysis: Cascade Style Sheet: Cascading Style Sheets
19. The following Doctype and strict mode on HTML and promiscuous mode of description, the error is?
A, the statement is located in the top of the document, before the label in. Tells the browser parser, what type of document to resolve this specification document
B, in the standard mode, the browser renders the page according to the specification; in promiscuous mode, the page is displayed in a more relaxed manner backwards compatibility
C, DOCTYPE does not exist or incorrectly formatted will result in the document presented in standard mode
D, the browser to select the rendering method to use based on whether there is and what DOCTYPE DTD use
Reference answer: C
Answer Analysis:
Document type
DTD (Document Type Definition) is a set of machine-readable rules, they define a specific version of XML or HTML allowed in what is, what is not allowed. When parsing the page, the browser will use these rules to check the validity of pages and take appropriate action. DOCTYPE declaration by the browser page analysis to know which DTD to use, thus know which version of HTML.
DOCTYPE Currently there are two styles, strict (strict) and transition (transitional). Transitional DOCTYPE purpose is to help developers migrate from the old version to the new version.
If you send a document with the correct XHTML MIME type, the browser will understand XML invalid page does not display.
Browser mode
browser, there are two rendering modes: standard mode and mixed mode (quirks mode). In the standard mode, the browser renders the page according to the specification; in promiscuous mode, the page is displayed in a more relaxed manner backwards compatibility.
DOCTYPE switch
to HTML 4.01 documents,
DOCTYPE contains strict DTD often results in page rendering in standard mode.
DOCTYPE DTD contains excessive and URI also lead to page rendering in standard mode.
But there is no excessive DTD and URI will lead to a page rendered in promiscuous mode.
DOCTYPE does not exist or form incorrectly can cause HTML and XHTML documents presented in promiscuous mode.
Second, multiple choice (a total of 11 questions, each question 5 minutes)
1. Choose the correct answer
A, a id to use only one page
B, a class can be used multiple times in a web page
C, ID and class and can be used with javascript and CSS
D, with an id or class, can appear more than once in one glance
Answer: B, C, D
Answer Analysis:
HTML stress: When sending rigorous, inclusive when receiving, id unique specifications this is not completely rigid. Although id is the only standardized, but the A answer this argument, personally I feel that is not quite right
2 JS following frame, the series does not include a UI control box and a small part is ()
A、MooTools
B、ExtJS
C、jQuery
D、YUI
Answers: A, C
Answer Analysis:
A、C
3. Which of the following is precompiled tool css
A、less
B、sass
C、bass
D、stylus
Answer: A, B, D
Answer Analysis: CSS pre-compiler tools Why stylus, sass, less CSS preprocessor will this thing do? This would be talking about the lack of CSS: no variables (new specification has supported), does not support nested, programming may be weak, poor use of code reuse. These deficiencies lead to write out the CSS poor maintenance, contains a large number of repetitive code; To compensate for these shortcomings, CSS preprocessor came into being. On the issue of CSS preprocessor, you can not do without this trio Sass, Less, Stylus. Historically, the first stage is Sass, due to the emergence of the earliest, it is also the most complete, there is a rich variety of functions you can operate; Less appear along with popular Bootstrap, and therefore also made a large number of the user; and finally Stylus, made TJ great God development (King great God), because of its simple syntax, more like a programming language, to write very Cool. So let's do a simple cf.
4. Please select all substitution element ()
A、img
B、input
C、textarea
D、select
Answer: A, B, C, D
Answer Analysis:
5. A description of the difference between JSON and XML is correct
A, JSON XML relative terms, smaller data volume, the faster transfer rate
B, JSON and JavaScript interaction is more convenient and easier analysis processing, better data exchange
C, JSON descriptive data better than XML
D, JSON speed is much faster than XML
Answer: A, B, D
Answer Analysis: (1) readability: basically the same, XML better readability; (2) scalability: has good scalability; (3) the difficulty of coding aspects: Relatively speaking, JSON's codes is easy; (4) decoding difficulty: JSON decoding difficulty substantially zero, consider XML child node and the parent node; (5) data volume aspects: JSON XML relative terms, a small data volume, relatively fast transfer speed ; (6) data exchange: the interaction with JSON javascript more convenient, easier analysis processing, better data exchange; (7) data described aspects: XML data descriptive better; (8) transmission speed: JSON the much faster than XML.
6 may be included in the head tag of the HTML page has
A、<title>
B、<meta>
C、<body>
D、<link>
Answer: A, B, D
Answer Analysis: tag is used to define the document's head, it is a container for all the head elements. The elements can be referenced scripts, instruct the browser where to find style sheets, provide meta-information and so on. The following labels are available in the head section: [] (http://www.w3school.com.cn/tags/tag\_base.asp), [] (http://www.w3school.com.cn/tags/tag \ _link.asp), [] (http://www.w3school.com.cn/tags/tag\_meta.asp), [] (http://www.w3school.com.cn/tags/tag\_script .asp), [] (http://www.w3school.com.cn/tags/tag\_style.asp), and [
\](http://www.w3school.com.cn/tags/tag\_title.asp)。
7. What is the purpose of using use strict mode in the front-end development process is?
A, eliminate some unreasonable Javascript syntax, not rigorous place, reducing some of the bizarre behavior
B, eliminate some code running unsafe place to ensure the safe operation of the code
C, to improve the compiler efficiency, increase the operating speed
D, pave the way for future new version of Javascript
Answer: A, B, C, D
Answer Analysis: The purpose of the establishment of "strict mode", mainly in the following:
- eliminate some unreasonable Javascript syntax, not rigorous place, reducing some of the bizarre behavior;
- eliminate some code running unsafe place to ensure the safe operation of the code;
- improve compiler efficiency, increase the operating speed;
- for the future of the new Javascript version pave the way.
8. remove the hyperlink underline text, the following is correct ()
A, {underline: a}
B、{text-decoration:no underline}
C、{text-decoration:none}
D、{decoration:no underline}
Reference answer: C
9. The following are HTML5 new element is ____.
A、header
B、footer
C、section
D、nav
E、viewport
Answer: A, B, C, D
Answer Analysis: ABCD. . . E is meta property
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
Answer: A, B, D
Answer Analysis:
What css sprite is what advantages and disadvantages concept: multiple small images into a mosaic picture. BACKGROUND adjustment pattern to be displayed through the background-position and element size.
Benefits:
reducing the number of HTTP requests, which greatly improved page load speed
increase image info repeatability, increasing the compression ratio, reducing the image size
to replace the style easy, simply change the color or style on one or several images can be realized
Cons:
Pictures merge trouble
maintenance problems, you may need to modify a picture from the new layout of the entire picture, style
The value of the type property 11.input element may be ()
A、image
B、checkbox
C、select
D、button
Answer: A, B, D
Answer Analysis: input type attribute values Summary:
Share content limit from time to time :( join the group 677 079 770 for more answers to interview questions and learning materials.)
★ Tencent Senior PHP Engineer written questions
★ one hundred million PV high concurrency scenarios order handling
★ laravel development Lynx mall Component Services
★ banners TV video broadcast infrastructure project combat 
