Front-end technology development history

Time:2022-8-17

If you find it, ignore this article, it's just a draft.

Since you are in the front-end profession, you must understand the ins and outs of it, and be considered competent. I checked the technical blogs of four people, found information on Wikipedia, and the development of front-end technology. It was not called front-end before, but just a page engineer.

origin

When the browser didn't exist, a man named Berners-Lee invented a HTML, called Hypertext Markup Language, mainly for the purpose of communicating with colleagues, not needing to communicate face-to-face with everything, just sharing his own documents. Just wrote this HTML. Then what is its hosting environment? Who will recognize this HTML? If it's not a browser, who is it? So the browser and HTML who came out first, of course, is the browser.

develop

In the beginning, HTML was just tags that carried data, no styling, no typography, just top-to-bottom, left-to-right. Later, with CSS styles, the layout became good-looking, the fonts became good-looking, and there were animations. This is still a static web page. Later, the javaScript language is embedded in the browser, and the web page can be interacted. The script language controls the HTML on the browser to make some style changes, layout changes, and data changes. All rely on the DOM to provide an API interface.

Later, Ajax appeared, and web2.0 came, and it is no longer needed. Requesting data is very slow and requires a whole HTML page to return. It can be partially refreshed and the data we want is returned.

In 2009, node appeared. If there is no node, there may not be the three mainstream frameworks. Now many packages are published on npm, and each package has its own function. Node is based on Google's V8 engine and can run javaScript environment. what can node do? Can't do? To be clear.

Now

Now the mainstream frameworks React, Vue, and Angular have appeared. They are different from libraries such as Jquery, which only encapsulate the DOM and solve the compatibility problem of browsers. But now the three mainstream frameworks are not the encapsulation of the DOM, they are the abstraction of the DOM, we no longer need to operate the DOM by ourselves, now it is declarative development, what tags do we want to write, how to change HTML, CSS without our need to go To operate the DOM, the framework will do it, so that the development thinking is different, and data-driven development.