Shulou(Shulou.com)06/02 Report--

This article mainly introduces "sharing the relevant knowledge of the Web front end". In the daily operation, I believe that many people have doubts about sharing the relevant knowledge of the Web front end. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "sharing the relevant knowledge of the Web front end"! Next, please follow the editor to study!

1. HTML

Replacement element: the browser determines the specific display of the element based on its tags and attributes

Non-permutable elements: most elements of the browser are non-replaceable elements, that is, their contents are displayed directly to the browser.

Input element setting readonly:true = > script cannot modify the value of input (F)

Input element setting disabled:true = > script cannot modify the value of input (F)

The input element sets the value of readonly:true = > input will not be submitted with the form (F)

The input element sets the value of disabled:true = > input will not be submitted with the form (T)

The dynamic styling function of DHTML: enables the web page author to change the external characteristics of the content without forcing users to download all the content again

HTML5 gets the current location information of a user = > getCurrentPosition ()

Reflow (reflow) = > renders the DOM tree, modifies the DOM or modifies the shape and size of an element, and reflow is triggered.

Enctype = > specifies how the form data is encoded before sending the sending server

Application/x-www-form-urlencoded

Multipart/form-data

Text/plan

HtmlDoctype tells the browser which html or xhtml the document uses

Different document schemas (htmlDoctype) affect the presentation of css content, especially the boxing model

Document mode makes different browsers different in mixed mode.

II. CSS

When the values of margin-top and padding-top are percentages, the width of the nearest parent element and the width of the nearest parent element are calculated respectively.

Position: static = > No location

Position: absolute = > absolute positioning

Position: fixed = > fixed positioning of relative window

Position: relative = > relative positioning

Mozilla (gecko) kernel = > browser: firefox, flock, etc. = > css compatible prefix:-moz

Webkit kernel = > browser: safari, chrome, etc. = > css compatible prefix:-Webkit

Opera kernel = > browser: opera etc. = > css compatible prefix:-o

Trident kernel = > browser: ie, etc. = > css compatible prefix:-ms

Selector priority: ID selector > class selector = pseudo-class selector > tag name selector

Without involving styles, the preferential display of page elements is independent of the order in which the structure is placed (F)

III. JavaScript

Three states of Promise

O Asynchronous operation (incomplete) = > pending

O Asynchronous operation (completed) = > resolved (also known as fulfilled)

O Asynchronous operation (failure) = > rejected

O State change can only be pending = > resolved or pending = > rejected

O once the state is changed, it cannot be changed again.

JavaScript basic data types: String, Boolean, Null, Number, undefind

JavaScript complex data types: Object, Array, Function, RegExp, Date, Error

JavaScript global data type: Math

JavaScript global functions: escape (), eval (), isFinte (), isNaN (), parseFloat (), parseInt (), unescape ()

JavaScript asynchronous programming

Callback function

Event monitoring

Publish / subscribe

Promise object

Three methods of RegExp object = > test (), exec (), compile ()

JavaScript built-in objects: Arguments (function argument set), Array (array), Boolean (Boolean), Date (date), Error (exception), Function (function), Math (mathematics), Number (numerical value), Object (base), String (string), RegExp (regular expression)

History.length returns the number of URL for which you are the list in the browser

History.back () loads the previous URL of the history list

History.forward () loads the next URL of the history list

History.go () loads a specific page in the history list

Both call and apply belong to a method of Function.prototype, so every Function instance has call and apply attributes.

The first parameter of call is this, and the parameters passed to the function must be enumerated one by one. The argument of the apply transfer function is an array, which is passed in by combining multiple parameters into an array.

Call passes in a direct parameter list, which shows that the object context of a function changes from the initial context to the new object specified by thisObj.

Cross-domain = > the browser will not normally hand over the service port response with cross-domain restrictions to the client code to deal with.

HasOwnproperty () = > determine whether an object contains attributes or objects

IsPrototypeOf () = > check whether the prototype chain object exists in the specified object

Be sure to click the mouse on the button, occurrence = > hover-> focus-> active

The advantages of Ajax are open, easy to use and easy to develop.

The advantage of Flash lies in multimedia processing, which makes it easier to call external resources outside the browser.

Ajax's main criticism is that he may break the browser's fallback function.

Flash files are often very large. Does it take a long time for users to use them for the first time?

IV. Network Foundation

TCP/IP

four hundred and forty three

UDP

fifty-three

V. processes and threads

Process is the smallest unit of resource allocation

Thread is the smallest unit of resource scheduling

Processes are dynamic, multiple processes can contain the same program, and multiple processes can run concurrently

At this point, the study of "sharing the relevant knowledge of the Web front end" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.