Home Web Front-end JS Tutorial Outlook for the future of the front-end

Outlook for the future of the front-end

Jun 26, 2017 pm 01:38 PM
front end Where direction future

 1. User demand is increasing day by day.

Your stage is very big. As a "craft", front-end requires everyone to create more complex pages faster.

 2. New Javascript features.

Jquery has brought us a lot of happiness, but too many direct DOM operations and chaotic data management have led to low performance, so it is almost time to say goodbye to it. Various new front-end frameworks such as React and Vue focus more on DOM optimization and state management, and can cope with more complex needs.

Typescript seems to be the long-term winner because it has a greater degree of freedom and is more friendly to develop than js.

 3. We don’t make pages, we make systems.

Style manuals, system design, and pattern libraries are becoming more and more important in development. We no longer code out pages one by one, but design a system based on needs. We have to admire the development ability of js.

4. The boundaries between native and web are gradually blurring.

Gradually, the web can do things that native apps can do, such as audio, video and online payment. What everyone really cares about is whether the application works well, not how it is built. The web will be a huge stage for PC applications or mobile phone applications.

 5.URLs are the highlight of the future.

In the vast ocean of the Internet, you can dig out what you need through URL. It has to be said that URL is one of the most important inventions in human history. URLs will be the future marketing arena.

 6. Performance plays an important role.

Human beings can no longer tolerate slowly loading web pages. They must either respond instantly or shut down.

7. CSS should also be more modular.

You may not believe it, but CSS also has a saying of "memory leak", so in the future, its scope will be narrowed and bound to components.

8. CSS preprocessing gradually fades out of the stage.

The CSS preprocessor helped us save a lot of energy. In the end, we implemented CSS modularization, in a sense, through the preprocessor. When hybrid CSS writing takes off, today's CSS preprocessing methods can be retired.

9. Writing HTML and CSS well is still important.

The way structures and styles are composed and parsed under browsers are constantly changing with the development of technology. But you still need to know what kind of HTML structure is beneficial to SEO and easier to read, and what kind of CSS is obviously more scientific.

 10. Engineering processing can make the page more competitive.

Various packaging and processing tools can greatly improve page performance, such as what code is presented to the browser, when, where and how components are presented, and unused code is temporarily thrown away, etc. The web stage is evolving, and engineering tools will certainly not lag behind.

Wonderful comments and questions for everyone to think about:

ernest: You said that the "page" will disappear, But you also said that we rely on URLs to find specific information. So the page disappears, where do we jump to by using URLs?

Phil Nelson: This concept of "system" will hurt many projects and people. Toys (frameworks) are fun, but you have to be realistic.

Goose: I don’t agree with your point about jquery. There is data to prove it. There is no doubt that its market share will decline, but its status remains irreplaceable.

(I won’t post all the discussions and quarrels one by one. Everyone should think carefully like them when reading the article, and don’t question the big guys when you see them^_^)

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

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP and Vue: a perfect pairing of front-end development tools PHP and Vue: a perfect pairing of front-end development tools Mar 16, 2024 pm 12:09 PM

PHP and Vue: a perfect pairing of front-end development tools. In today's era of rapid development of the Internet, front-end development has become increasingly important. As users have higher and higher requirements for the experience of websites and applications, front-end developers need to use more efficient and flexible tools to create responsive and interactive interfaces. As two important technologies in the field of front-end development, PHP and Vue.js can be regarded as perfect tools when paired together. This article will explore the combination of PHP and Vue, as well as detailed code examples to help readers better understand and apply these two

C# development experience sharing: front-end and back-end collaborative development skills C# development experience sharing: front-end and back-end collaborative development skills Nov 23, 2023 am 10:13 AM

As a C# developer, our development work usually includes front-end and back-end development. As technology develops and the complexity of projects increases, the collaborative development of front-end and back-end has become more and more important and complex. This article will share some front-end and back-end collaborative development techniques to help C# developers complete development work more efficiently. After determining the interface specifications, collaborative development of the front-end and back-end is inseparable from the interaction of API interfaces. To ensure the smooth progress of front-end and back-end collaborative development, the most important thing is to define good interface specifications. Interface specification involves the name of the interface

Questions frequently asked by front-end interviewers Questions frequently asked by front-end interviewers Mar 19, 2024 pm 02:24 PM

In front-end development interviews, common questions cover a wide range of topics, including HTML/CSS basics, JavaScript basics, frameworks and libraries, project experience, algorithms and data structures, performance optimization, cross-domain requests, front-end engineering, design patterns, and new technologies and trends. . Interviewer questions are designed to assess the candidate's technical skills, project experience, and understanding of industry trends. Therefore, candidates should be fully prepared in these areas to demonstrate their abilities and expertise.

Is Django front-end or back-end? check it out! Is Django front-end or back-end? check it out! Jan 19, 2024 am 08:37 AM

Django is a web application framework written in Python that emphasizes rapid development and clean methods. Although Django is a web framework, to answer the question whether Django is a front-end or a back-end, you need to have a deep understanding of the concepts of front-end and back-end. The front end refers to the interface that users directly interact with, and the back end refers to server-side programs. They interact with data through the HTTP protocol. When the front-end and back-end are separated, the front-end and back-end programs can be developed independently to implement business logic and interactive effects respectively, and data exchange.

Exploring Go language front-end technology: a new vision for front-end development Exploring Go language front-end technology: a new vision for front-end development Mar 28, 2024 pm 01:06 PM

As a fast and efficient programming language, Go language is widely popular in the field of back-end development. However, few people associate Go language with front-end development. In fact, using Go language for front-end development can not only improve efficiency, but also bring new horizons to developers. This article will explore the possibility of using the Go language for front-end development and provide specific code examples to help readers better understand this area. In traditional front-end development, JavaScript, HTML, and CSS are often used to build user interfaces

Where to repay Douyin monthly payment? Where to repay Douyin monthly payment? Feb 18, 2024 pm 07:05 PM

Where to repay Douyin monthly payment With the rapid development of mobile Internet, more and more people are beginning to make various payments and consumption on their mobile phones. Among them, Douyin monthly payment has attracted the attention and love of many people as a new consumption method. So, where can I pay my Douyin monthly payment? First, let’s understand what Douyin monthly payment is. Douyin monthly payment is an installment consumption method through Douyin app. Users can choose to make monthly payments when shopping and spread the shopping amount over several months for repayment. This method not only facilitates consumers, but also provides

Django: A magical framework that can handle both front-end and back-end development! Django: A magical framework that can handle both front-end and back-end development! Jan 19, 2024 am 08:52 AM

Django: A magical framework that can handle both front-end and back-end development! Django is an efficient and scalable web application framework. It is able to support multiple web development models, including MVC and MTV, and can easily develop high-quality web applications. Django not only supports back-end development, but can also quickly build front-end interfaces and achieve flexible view display through template language. Django combines front-end development and back-end development into a seamless integration, so developers don’t have to specialize in learning

Combination of Golang and front-end technology: explore how Golang plays a role in the front-end field Combination of Golang and front-end technology: explore how Golang plays a role in the front-end field Mar 19, 2024 pm 06:15 PM

Combination of Golang and front-end technology: To explore how Golang plays a role in the front-end field, specific code examples are needed. With the rapid development of the Internet and mobile applications, front-end technology has become increasingly important. In this field, Golang, as a powerful back-end programming language, can also play an important role. This article will explore how Golang is combined with front-end technology and demonstrate its potential in the front-end field through specific code examples. The role of Golang in the front-end field is as an efficient, concise and easy-to-learn

See all articles