Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

Briefly describe some of the techniques used in web development


May 30, 2021 Article blog


Table of contents


First, standard universal markup language (SGML)

1.HTML

HyperText Markup Language, which refers to a page that can contain non-text elements such as pictures, music, links, and even programs, and can only be a static web page if HTML is used only.

Static Web pages: Web pages that do not contain databases, programs, and are non-interactive, are suitable for less updated presentation pages, run on clients, and are typically suffixed with .html or .htm or .xml or .shtml. W ithout server compilation, it can be loaded directly onto the customer's browser and displayed, taking up a certain amount of server space. Flash, java installers, ActiveX controls, and client scripts can be added to static Web pages, all written in advance by the programmer and placed on the server.

Dynamic Web Pages: Dynamic web pages run on the server side and interact with the server at different times depending on the user returning to the page. D atabase-based, user registration, login, user management and other operations can be achieved. D ynamic web pages are not web files that exist independently on the server and return a complete page only after a request has been made by the client. The suffix can be .jsp or .php or .asp or .cgi.

ActiveX control: Adding programs that can run on a browser to a static page is static, and the browser is now largely unsupported.

The applet:let affix means "small" and applet means a small application written in Java( JavaApplet), which is static, and can be included in an HTML page in much the same way that images are included in the page, i.e. < a pair of tags >. When a Java-enabled browser encounters this pair of tags, it downloads the appropriate little program code to run locally, is obsolete, and replaces JavaFX.

servlet: that is, server applet, applet expands the capabilities of web browsers, while servlets expand the capabilities of web servers. T he function of the servlet is to interactively browse and modify the data to generate dynamic web content by sending requests to the server, sending the request information to the server, sending the request information to the servlet, sending the content to the server, and sending the response to the client. N either applet nor servlet has a main function. ( Figurative: JSP is the waiter, and servlet is the front desk to tell which chef to cook after reading the menu.) The JSP displays the page and receives the user's information, while the servlet is primarily responsible for the information interaction between the page and the business layer.

CGI program: is a program that runs on a network server and acts like a servlet. H owever, it has been replaced by servlets because CGI programs are difficult to build a new CGI instance whenever a client makes a new request, consuming a lot of memory resources for actual development. After the servlet is activated by the first request sent by the user, it continues to run in the background waiting for subsequent requests, each of which generates a new thread instead of a complete process, and multiple customers can be serviced in the same process at the same time.

css: Cascading style sheets are a tagging language for web layout, which provides pixel-level control over typography in Web pages, primarily for controlling other elements such as fonts, colors, images, backgrounds, and more, complementing HTML. "HTML-CSS" enables static Web pages.

The div-css :d iv is a label element in HTML, which is a layout element. D iv can be understood as a rectangular box, where css controls the rectangular box. CSS3 is a standard for CSS, and HTML5 is a standard for HTML.

Single page: The entire page is a static, non-refreshing HTML page, such as log-to-album in QQ space, where the entire page is not refreshed, but is partially replaced with the main body content in the middle.

Turing machine: Turing machine can be understood as an abstraction of people using pen and paper operations, divided into two steps, writing or wiping out a symbol on paper, the next step depends on the symbol of current concern and the thinking logic at this time.

Turing complete: That is, Turing Completeness, the way to judge Turing complete is to see if the language can simulate Turing machine.

2.XML

Extensible Markup Language can be extended, and xml allows users to define their own markup language compared to html.

3.XHTML

You can extend the hypertext markup language to be more restrictive than HTML syntax

Second, the front end

1. Scripting language

Scripting languages, also known as extended or dynamic languages, are usually saved in text and interpreted or compiled only when called.

2.JavaScript(js)

is a scripting language, dynamic type, weak type, prototype-based language, built-in support type. U se to embed HTML pages to add dynamic functionality, provide interactive functionality to HTML pages, or write as separate js files to facilitate the separation of structure and behavior. O riginally implemented by Netscape, JavaScript was named after Sun. M icrosoft has introduced JScript, which can all be called ECMASript compatible. A file with a suffix named .js is a JavaScript file. A vailable for multi-platform, multi-operating systems. Supported by most browsers.
Dynamic Type: The runtime does type check static types: the compilation period checks the weak types of data types: the language runtime implicitly does the data type conversion strong type: the language runtime ensures that unsuptive type conversions are not made based on the prototype language: for example, JavaScript, only objects do not have classes, which are object inheritance objects, not class inheritance classes. Type-based languages: such as Java

Feature (Dynamic): Is an event-driven scripting language that responds directly to the user's input without the support of a server. W hen you visit a page, you can respond to it with JavaScript by moving it up and down with your mouse. S o early programmers liked to ease the burden on servers through JavaScript, but they weren't secure, and as servers became stronger, programmers now like to use scripts on the server side to keep them safe. S ome special features, such as ajax, rely on JavaScript for support on the client side. JavaScript is now being used to write server-side programs.

3.VBSript(VBS)

The basic language was initially unstructured and later refined into a structured language (Visual Basic, or VB), which is also a development environment.

Microsoft Visual C++ (for short, Visual C++, MSVC, VC,or VC) is Microsoft's C?development tool.

VBS is a lightweight explanatory scripting language in a Microsoft environment.

4.Ajax

Asynchronous JavaScript and XML (Asynchronous Javascript And XML) are technologies that update parts of an entire page without refreshing it. With a small amount of data exchange with the server in the background, AJAX enables asynchronous updates to web pages.

5.JSON

JavaScript Object Notation, a lightweight data exchange format that replaces XML's work, handles data interactions between the front end (JavaScript) and the background (web server side). C haracterized by easy reading and writing habits, easy machine analysis and operation, in the form of a key value pair in the form of a string. JSON cross-language, mobile (Android, IOS) data can be transmitted by JSON.

6.boostrap

Bootstrap, from Twitter, is by far the most popular front-end framework. Bootstrap is based on HTML, CSS, and JavaScript, and it is more personalized and user-friendly on the basis of jQuery, creating its own unique website style and compatible with most jQuery plug-ins.

7. Angular .js and JQuery

AngularJS is designed to overcome HTML's shortcomings in building applications. A ngularJS has many features, the most core is: MVC, modular, automated two-way data binding, semantic labeling, dependency injection and so on. HTML is a good declarative language designed for static text presentation.

jQuery makes it easier for users to work with HTML (an app in a standard common markup language), events, animate effects, and easily provide AJAX interactions for websites.

8. Front-end editor

Webstorm: Heavyweight editor, the current segment project is configured with a variety of grunt, bower, angular after you will find that you need it very much. B rackets: Suitable for writing CSS. D reamweaver: "What You See, Get" HBuilder: Suitable for writing H5, relatively thick. S ublime: Equivalent to an upgraded notepad with powerful plug-ins, two recommended (packagecontrol and emmet), lightweight editor, compact and smart. Notepad: There are many plug-ins

Third, backstage

1.JSP(J2EE)

Java Server Pages, a dynamic Web site development language, is somewhat similar to ASP technology, inserting Java segments (scriptlets) and JSP tags (tags) into traditional HTML page files (suffixed with the .htm or .html) to form a JSP file with the suffix name .jsp. W eb applications developed by JSPs are cross-platform and can run under Linux or other operating systems. I t implements Java extensions in HTML (in the form of <%, %>), where jsp runs on the server side like a servlet, returning an HTML file to the client so that the client has a browser to browse. S ervlets are the foundation of JSPs, and large web application developers need both servlets and JSPs. R elationship between JSP and servlet: JSP is an extension of servlet, and before JSP there was servlet. T here are clients, web servers and application servers, clients make requests, web servers accept http requests, if it is static resources such as HTML, css, etc., the web server can handle itself, and if dynamic resources such as jsp are encountered, the request is forwarded to the application server, which is handled by the application server. A pplication servers also have the ability to handle http requests, which may not be as specialized as web servers, which also contain web containers. In the application server, jsp is converted to a servlet, a matching servlet instance is retrieved in the servlet container, if not, an instance object of the servlet class is loaded and instantiated by the servlet container, and then the servlet container is initialized and run;
Web server: on behalf of Nginx, IIS, Apache. "Equivalent to reception at the front desk."
Application Servers: on behalf of Bea WebLogic, IBM WebSphere, JBoss, Tomcat. T omcat is an extension of Apache that can run independently of Apache. "equivalent to a true value service provider."
servlet container: Manages the lifecycle of the servlet, which exists in the application server. T omcat can be thought of as both a servlet container and a web container that can handle both static resources and dynamic servlets. You can use two separate servers, such as Nginx and WebLogic, or you can use only one Tomcat.

2. PHP and Ruby

php: Hypertext preprocessor, an object-based open source scripting language for web background development.
Ruby: Object-oriented background scripting language. Object-based: No abstraction, overload, and inheritance object-oriented: Abstract, overloaded, and inherited

3.NetBeans

An IDE written in Java that is primarily used for background development.

4.Node.js

is a JavaScript operating environment (runtime), the fastest JavaScript engine to date, enabling JavaScript to run off-browser. T he Chrome V8 engine is encapsulated. With event-driven, non-blocking I/O models are lightweight and efficient.

Useful: It's the JavaScript operating environment, which means running JavaScript code on the server and letting JavaScript implement development on the server. Typically used by js programmers, it's a back-end technology.

JavaScript Engine: Is a virtual machine that specializes in JavaScript scripts and is typically carried in a browser.

ASP, ASP.NET and .NET

ASP: Similar to JSP and PHP, it is a background development technique.
.NET: is a platform, not a language, including a runtime environment and a development environment. I t can be developed in different languages on the .NET platform, such as C, VB.NET, HTML, F, VC, and .NET. I t's a bit like java. T he JAVA language is also the name of a language in the java platform, and the name of a language in the .NET platform, namely java cross-platform, .NET cross-language. J ava open source, .NET developed by Microsoft is not open source. Java can be written once and then run on Linux or other operating systems, .NET only applies to Microsoft, so java cross-platform, .NET is not cross-platform.
ASP.NET (also known as ASP plus): a .NET Framework-based web development platform. In general, the front end uses HTML-css, and the back end uses the framework and operating environment necessary for the software developed by .NET.