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

This article will explain in detail about the basic principles of WEB and what the common development tools are. The content of the article is of high quality, so the editor will share it with you for reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

1. What is WEB?

WEB is world wide web, and WWW as we know it is made up of the first letters of these three words, that is, an architecture, which is a program based on Internet and resides on a certain computer, through which you can access linked documents all over the internet host. I won't repeat it too much here.

Basic principles of 2.WEB

The client and the Web server communicate through the HTTP protocol. Web servers are also known as HTTP servers or Web containers. The HTTP protocol adopts the request / response mode. That is, the client initiates the HTTP request, the web server receives and parses the HTTP request, and then sends the HTTP response to the client.

such as

(1) the user makes an action, and the browser gets the event.

(2) the browser establishes a TCP connection with the peer service program.

(3) the browser integrates the user's events into a packet according to the HTTP protocol format, and its essence is that there is a byte stream written in the HTTP protocol format in the buffer to be sent.

(4) the browser confirms that the peer is operable, and inputs the packet to Internet, and the packet finally arrives at the peer service program through internet.

(5) after getting the data packet, the peer service program decompresses the packet in the same HTTP protocol format, so as to know the needs of the client.

(6) proceed to the next step after understanding the requirements.

(7) enter the result of the requirement into the buffer.

(8) package the data in the required results according to the HTTP protocol format.

(9) the server confirms that the peer is writable, and then inputs the packet to Internet, which is finally delivered to the client through the network.

(10) after the browser gets the data packet, unpack it in HTTP protocol format, and then parse the data.

(11) the browser displays the parsed data on the page.

In a nutshell, the figure is as follows

This is the basic working principle of WEB, which seems to be numerous, but there are actually three steps:

1. Receive data 2. Send data 3. Data processing.

Above we understand the basic working principle of WEB, then let's get to know the common development tools of WEB, good ink with good inkstone, we also need to choose a more suitable WEB development tool.

3. Common development tools for WEB

(1) WebStorm

WebStorm is a JavaScript development tool of jetbrains company. At present, it has been praised by the majority of Chinese JS developers as "Web front-end development artifact", "the most powerful HTML5 editor", "the most intelligent JavaScript IDE" and so on. There are many convenient and applicable features, such as support for many languages and frameworks, code completion, multiple caret and selection, and so on. It is unreasonable for so many people to recommend it.

(2) Visual Studio Code

Visual Studio Code (abbreviated: Vscode) this editor is also an integrated editor with multiple functions, support for multiple languages, customizable hotkey binding, parenthesis matching and code snippet collection.

(3) Notepad++

Notepad++ is a very distinctive editor, open source software that can be used for free. We developers are all necessary. Supported languages: C, C++, Java, XML, HTML, PHP,Javascript!

(4) HBuilder

HBuilder is a development tool specially built for the front end, with the characteristics of flying coding, the most complete grammar library and browser compatible data, convenient production of mobile phone APP, the most eye-protecting green design and so on. Support the rapid development of HTML, CSS, JS and PHP.

(5) Bootstrap

Bootstrap is developed by Mark Otto and Jacob Thornton of American Twitter company based on HTML, CSS and JavaScript. It is a collection of CSS and HTML. It uses the latest browser technology, and its concise, intuitive and powerful front-end development framework is my favorite feature.

(6) notepad++

The software is compact and efficient, supports 27 programming languages, supports many languages, such as C & Magi Clipper +, Java, XML, HTML, PHP,JS and so on. Notepad++ supports up to 27 syntax high-brightness displays built-in. Is a small and powerful software. The most important thing is free use! It smells good!

(7) Foundation

Foundation is an easy-to-use, powerful and flexible framework for building Web applications based on any device. Provides a variety of UI components on Web, such as forms, buttons, Tabs, and so on.

(8) editplus

EditPlus is a South Korean Sangil Kim (ES-Computing) produced by the small but powerful Windows editor that can deal with text, HTML and programming language, as short as notepad++, is a set of very powerful text editor, with unlimited Undo/Redo (undo), English spell check, automatic line wrapping, column number marking, search replacement, while editing multiple documents, full-screen browsing function. In addition to supporting HTML, CSS, and other languages, it also has built-in complete HTML and CSS instruction functions.

There are a lot of not to introduce one by one, just to list the names: Cloud9 IDE, GIMP, SecureHeaders, Fontello. You can use them by yourself. after all, only you know whether the shoes fit. I hope you can get something.

On the basic principles of WEB and what the common development tools are shared here, I hope that the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

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.