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

This article introduces the relevant knowledge of "what are the three foundations of the front end". In the operation process of actual cases, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations. I hope you can read carefully and learn something!

The three foundations of the front end refer to: 1. Hypertext markup language HTML, which is a construction language for web pages;2. Cascading style sheets CSS, which is a construction language for defining styles;3. Embedded scripting language Javascript, which is an interpreted scripting language for realizing a real-time, dynamic interaction between users and web pages.

Operating environment of this tutorial: Windows 7 system, CSS3 &&&HTML5 &&& Javascript version 1.8.5, Dell G3 computer.

The popularity of the front-end is now beyond the imagination of developers. It is obviously a simple development page, and it is not as said on the market. In fact, every other row is like a mountain. Many times we stand outside the door and cannot understand the actual situation inside the door.

The reason why the front-end is becoming more and more important is actually that the user experience has been raised to a very high level. Thank you for this. Without him, we may still be struggling in the world of Symbian.

The front-end domain, which interacts directly with users, has reached a stunning height, even though the foundation of such a front-end, that is, the core technology of the front-end, has not changed.

The languages that make up front-end day-to-day development are still HTML, CSS, and Javascript.

HTML-Hypertext Markup Language

HTML(Hyper Text Markup Language) is a language for constructing web pages, which displays images, sounds, pictures, text, etc. through tag-type commands. It prescribes its own linguistic laws for expressing terms of meaning richer than "text."

HTML5: The most recent standard for html, published in 2014. HTML5 adds some semantic tags to support video, audio, canvas/webgl and other capabilities.

HTML base tags: head, body, html, title (h2-h7), paragraph (p), link (a), image (image), table (table), list (ul, ol), etc.

Basic structure of an html document:

Hello

Hello

CSS-Cascading Style Sheets

Despite years of development and still little say in the language, the language was actually created to solve the problem of HTML markup bloat, and the language design is really great. The core of CSS is the definition and selector of document flow. By redefining HTML documents, the concept of document flow is introduced, and the original bloated tags are modified by flexible selectors. The main focus is on the definition of document flow, the element box model, and destruction and modification of document flow.

CSS (Cascading Style Sheets): Cascading Style Sheets are a construction language that defines styles, such as fonts, colors, and positioning, that describe how information is formatted and displayed on web pages.

CSS3: The latest CSS standard. Css3 adds animation, selectors and more. A major change in the evolution of CSS3 was the W3C's decision to divide CSS3 into a series of modules. It mainly includes box model, list module, hyperlink mode, language module, background and border, text effect, multi-column layout module, etc. Dividing into several smaller modules is more conducive to the timely update and release of specifications, manufacturers can also choose to support a part of the css3 module capabilities, convenient css3 promotion.

css in html:

1), write in the line (not recommended)

haha

2), written in the htmI style tag (not recommended)

h2{color:red}

3), link mode (recommended)

Javascript-Embedded scripting language

Javascript was originally called embedded scripting because it ran in browsers, but that didn't stop Javascript from becoming a powerful programming language. The language mainly realizes the response problem of user behavior, so it responds to different operation results based on user behavior events. This language is the focus of the front-end because all user experiences require Javascript. The language is getting better and better, and it is moving towards static.

1), library

A library is an encapsulation for the implementation of a specific function, for example, an encapsulation for file upload scenarios, called a file upload class library. For example, but not exclusively.

2)framework

Frameworks are encapsulation implementations to solve more problems. For example, jQuery framework is a framework to achieve Javascript compatibility in PC browser API (Zepto for mobile). MVVM framework is an encapsulation implementation to quickly build interfaces. By encapsulating DOM operations, manual DOM operations are reduced, focusing on the implementation of data structure and business logic.

The content of "What are the three foundations of the front end" is introduced here. Thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!

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.