Development trend of Web Development

introduction

First of all, this article , One is to record and consolidate what I have learned , Understand the high frequency of the interview . I don't encourage you to recite , The original intention is to summarize some of the interview questions to help you fill the gaps , View of . These questions are not all , If you want to see more , You can see the end of the article , There are already 552 Daodachang is a real topic , Cover all kinds of front-end real topic , Welcome to join us to discuss

Text

Strange phenomenon one ： Anyone can direct the front-end development

I've been doing front-end development for a long time in my career , I've also done back-end development , A contrast between the two , It's not the technical differences that have affected me the most , It is —— Front end developers hear 『 Comments on requirement modification 』 Much more than the back end .

The back end , After all, it's hidden in the back , If a layman doesn't understand, he doesn't understand , I can't pretend to , They don't like to make a fool of themselves , however , Front end …… Everyone can see , I haven't eaten pork, I haven't seen a pig run , therefore , Anyone can give us some advice .

The product manager who can only see the interface can make some suggestions .

The project manager can have some comments .

A boss who doesn't know anything can also give some advice .

Even the back end can make some comments .

……

Because the output of the front end is visible and tangible , That's why anyone can 『 Make some comments 』 The phenomenon of .

The biggest pain in front-end development ！

Strange phenomenon two ： The front end that is despised but very popular

Front end developers , You'll see , At the bottom of the chain that developers despise , Most of the business logic is in the back end , Large concurrency is implemented in the back end , It's amazing AI、 Big data analysis 、 Business logic is in the back end , What the front end has to do is just a function display , therefore , The back-end development generally does not look like the front-end development work , until …… It's time for the company to hold a hacker Marathon .

Hackathon , It's to let programmers form their own teams , Quickly develop a small project in a few days , By the end of the event , Each team has to demonstrate their products , therefore , The problem is coming. , Usually you can look down on front-end developers , You can make front-end development worthless , however , It's time for the hacker Marathon , Only then knew the front-end development essential , Because without the front end, you can't 『 demonstration 』 Your thoughts .

Now , Back end developers will also find , Usually I think the front-end development is very simple , But write your own simplest AJAX form It takes half a day to submit a form , No matter how great your back-end ideas are , If you don't have a skilled front-end Developer , Finally, when it comes to the demonstration stage, we should also grasp the blind .

therefore , Every time it comes to the hacker Marathon , Usually the front-end developers who despise the lowest end of the chain , All of a sudden, he became the most popular person .

Everyone thinks that front-end development is not important , But it can't do without front-end development .

Is it ironic ？

Strange phenomenon three ： Painful multiterminal development

A serious product , In order to meet the requirements of users on different devices , Need to provide multiple clients , At least there must be a web side 、iOS End and Android end , Now most products have to consider the applet side , It doesn't count iOS To points iPhone and iPad, Android also has to consider mobile phones and tablets , Even consider the interface of the set-top box device ……

All kinds of equipment 、 Various Android versions 、 Each browser has its own characteristics （bu） spot （g）, Every front-end developer has the experience , A lot of energy goes into dealing with a particular platform / edition / Browser's bug On , alas , Speaking of this, I really want to cry ……

Because there are so many different clients to support , There are more than one kind of front-end developers for a product , Have a Web Developer 、iOS Developers and Android developers , Bigger projects , It's no good relying on one person to support a client , What is needed is a web development team 、iOS The development team and the Android development team .

Actually ,

Different clients implement the same function

, It's all because there are so many clients in the world , That's why we were forced to write a set of code for each client .

Although there are many terminals , It has increased the employment opportunities of many programmers , however , Anyone who has worked on a real project knows , It's really troublesome , It's troublesome, it's troublesome ！ In order to give users the best experience , We certainly hope that all sides can provide a consistent functional interface , If there's a new feature , We're going to launch it together , however , Development cycles must be different between teams , It's hard to guarantee that the task will be completed at the same time , Last , The development team at the end that takes the longest development time becomes the short board of the whole product .

Every time I think about this , In memory of Qin Shihuang , Qin Shihuang, if you not only unify the weights and measures , How nice to unify all clients .

Where is the difficulty of front-end development ?

Okay , After reading the above three strange phenomena in the industry , It's not hard to see. , Front end development is really difficult , I'll just list the two most critical points here ：

• When demand changes , It's often the front end that gets shot in the first line , And a lot of demand changes have nothing to do with the back end , Simplicity is a change in the front end . Some of these changes in demand are unreasonable , however , Objective to , There are also a lot of changes that need to be made , The user should be God , User preferences will change , We have to ponder over the user's preferences , We must serve the users well , That is to adapt to changes in demand , therefore , The difficulty becomes ——
  How to make the front-end development adapt to the rapidly changing needs ？

• The learning curve at the front end is actually quite steep , Many back-end developers think that the front-end is just a play HTML, When I started, I found that I had to learn a lot , The following is just a simplified learning roadmap for the front end of the web .

If you want high performance , Want to consider CDN Optimize 、JavaScript Profiling、 Packaging strategy ……

If you want to be safe , To prevent injection attacks , To prevent XSS attack , To prevent CSRF attack ……

It's just about the front end of the web , I didn't say Android and iOS Development 、 Applet development , If you take all of these , The amount of knowledge that needs to be learned will be doubled again .

and , The front end doesn't mean reading a few books can start to do real projects , If you don't immerse yourself in this field for a long time , What you make is likely to be full of holes , The difficulty is ——

How to make the front-end learning curve not steep ？

To sum up ：

How to make the front-end development adapt to the rapidly changing needs ？

How to make the front-end learning curve not steep ？

For a long time , Although countless people with lofty ideals want to solve these problems , Some results have been achieved , however ,

The front end is a development activity that is generally underestimated ！

Where is the way out for front end development ?

JavaScript

• js What are the basic types of ？ What are the types of citations ？null and undefined The difference between .

• How to judge a variable is Array type ？ How to judge a variable is Number type ？（ There's more than one ）

• Object It's the citation type ？ What's the difference between a reference type and a basic type ？ Which is the existence heap and which is on the stack ？

• JS common dom operation api
  《 Analysis of front-end interview questions in large factories +Web Core summary learning notes + Enterprise project actual combat source code + HD explanation of the latest video 》 Free open source Hui Xin search official account 【 Advanced programming 】

• Explain event bubbling and event capture

• Event delegation （ Handwriting example ）, Event bubbling and capturing , How to stop bubbling ？ How to organize default Events ？

• Understanding of closures ？ When do closures form ？ How to implement closures ？ The advantages and disadvantages of closures ？

• this What are the usage scenarios ？ Follow C,Java Medium this What's the difference? ？ How to change this Value ？

• call,apply,bind

• Show prototypes and implicit prototypes , Hand drawn prototype chain , What is the prototype chain ？ Why have prototype chains

• There are many ways to create objects

• There are many ways to implement inheritance, advantages and disadvantages

• new  What does an object do

• Handwriting Ajax,XMLHttpRequest

• Variable Promotion

• Give an example of a typical use case of an anonymous function

• Pointed out that JS The difference between the host object and the native object , Why expand JS Built in objects are not a good practice ？ What are the built-in objects and functions ？

• attribute and property The difference between

• document load and document DOMContentLoaded The difference between the two events

• JS Code debugging

• [ Open source sharing ：【 Analysis of front-end interview questions in large factories + Core summary learning notes + Real project practice + The latest explanation video 】](()

•