what is front end

This time I will bring you what is the front-end and a detailed explanation of the concept of the front-end. Let’s take a look.

I was chatting with my cousin during the Chinese New Year. He said that he had written web pages using HTML, JS, and CSS before. What was the difference between the front-end now and that time? I introduced the front-end to him at that time.

But I didn’t have a thorough understanding of the front-end at that time, so I didn’t feel like I had a clear introduction to myself.

As my own learning deepens, I feel it is necessary to summarize a blog post about the differences between front-end and web page writing. At the same time, I also want to record my current opinions and understandings. When I look back at them after a while, I will definitely gain a lot of insights into my own improvement.

Due to the limited knowledge level, if there are any mistakes, please point them out in the comment area, thank you!

Web development era

At that time, people wrote web pages through html and adjusted styles with js and css.

What we learned from various classic books "Head First HTML and CSS", "Mastering CSS: Advanced Web Standard Solutions" and "JavaScriptAdvanced Programming" are basically this. aspects of things. Most of the videos on MOOC are limited to this aspect.

Webpage Template Era

As the complexity of webpages increases, programmers develop various webpage template languages ​​​​for the convenience of development.

For example, the less language simplifies writing css, coffeejs simplifies writing js, and there are many various templates that are mixed with html and js.

ajax era

With the development of js, the invention of XHR allows programmers to process data on the front end and share some back-end work.

A good example is Form verificationAh, the browser slider slides to the bottom before starting to load images and so on.

SPA era

SPA=Single Page Application single page application.

With the development of ajax, people can do data processing on the browser side, which means that the front end can write an entire application, that is, SPA.

In the SPA era, programmers use js to handle the entire front-end part. Users download all js when they open the website. In subsequent interactions such as opening pages, they use js directly on the browser side. Processing, no need to send http request to the server.

A very important concept at this time is routing. Since the http request is not sent when opening the page, the browser does not know what to do with a URL. At this time, there needs to be a mechanism to guide the browser to open what content on which URL. This is routing.

MVC era

With the development of the SPA era, people often divide projects into various modules for the convenience of development. The most typical one is MVC, which is model, view and control.

Various frameworks have emerged in this era, such as backbone framework and so on.

MVVM Era

Since the control module of MVC is generally processed by the server, this does not belong to the front-end content. In order to solve this problem, people have proposed a solution, which is to use view model instead of control. This is the origin of the MVVM framework. The technology implemented is called two-way binding.

In this era, modern front-end frameworks appeared: reactjs, angularjs, etc. At this time, front-end engineers can already develop software that runs on browsers and application software, including those that run on mobile browsers.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

Two methods to implement waterfall flow layout

Detailed explanation of the browser rendering process

What is the importance of overflow scrolling

What are the layout schemes for mobile terminals in HTML

The above is the detailed content of what is front end. For more information, please follow other related articles on the PHP Chinese website!