Web development exchange, web development example tutorial

One year after graduation , With the idea of changing careers , I came into contact with programmers by chance , There was a strong and intense interest , Start learning the front end , Successfully harvested the big factory offer, Started my career as a programmer .

In the process of self-study, I have some interview experience in small factories , I have also practiced in some small Internet companies , These are not the focus of this article . This chapter mainly shares this byte beat 、 Meituan 、 The knowledge involved in the real interview questions of big companies such as Toutiao , And my personal way of learning 、 Learning routes, etc , Of course, I also sorted out some learning documents, which are attached to you . The knowledge points are relatively comprehensive , Including but not limited to

Front end Foundation ,HTML,CSS,JavaScript,Vue,ES6,HTTP, browser , Algorithm, etc.

One 、 Resume preparation

Resume making is a very important link , A good resume will leave a good impression on the interviewer , It will also help you pass the resume screening process .

• Basic personal information ： Mainly the name , Contact information , mailbox , Qualifications, etc. ;

• Technical skills ： To understand 、 Have a good command of 、 Proficient in such words and concepts , Don't use it casually ; Because interviewers usually ask questions according to the content of their resumes .

• Project experience ： Don't write about projects that are useless for job hunting 、 The best project to do  2 ~ 3  Just one , Data support ;

• Work experience ： A brief overview of the name 、 Length of service 、 Position and main responsibility for business , It can also be written in combination with project experience ;

matters needing attention ：

• Highlight highlights ： Such as open source projects 、 Big factory background 、 Well known projects 、 Personal blog 、 Technology highlights, etc ;

• For different company positions , You can adjust the content of your resume , Prepare multiple resumes ;

• Format layout ：PDF  Format , Best page , No more than two pages at most , Check the typesetting carefully 、 Wrongly written characters 、 Punctuation 、 wording ;

Two 、 Knowledge preparation

1.  Knowledge system

Many excellent developers have the habit of maintaining their own knowledge system , The establishment of knowledge system can help to recognize the whole picture of knowledge and quickly find the relationship between knowledge , It's like indexing fragmented knowledge , Knowledge system can help you understand yourself as soon as possible , Help you find leaks and fill vacancies , It allows you to focus your precious time on your weaknesses .

2, Basic knowledge of

html,css,js  The core knowledge of , among  js  Core knowledge is particularly important .

HTML

1, How do you understand HTML Semantics of structure 2, say something  title  and  alt  attribute 3,Html5  What's new 、 What elements were removed 4,Label What is the role of ？ How does it work ？5, How does the browser respond to  Html5  The offline storage resources of the are managed and loaded 6,iframe There are those shortcomings ？7,HTML W3C Standards for 8,Doctype effect ?  How to distinguish strict pattern from hybrid pattern ？ What do they mean ?9,HTML Global properties (global attribute) What are they? 10,viewport Of content Attribute function 11,meta  relevant 12,div+css Layout of table What are the advantages of layout 13, Briefly src And href The difference between 14, What are the picture formats that you know about web page production 15,  How to be in  HTML5 Audio and video embedded in the page ？

CSS

1, The way to center horizontally 2, The way to center vertically 3,link  And  @import  The difference between 4, Three column layout （ Fixed in the middle, adaptive width on both sides ）5,BFC  What's the usage? 6, Several ways to clear floating 7,CSS3 What's new 8,css3  New pseudo class  -  Pseudo elements 9, Why initialize CSS style 10,IE Box model  、W3C Box model 11, Please explain CSS3 Of Flexbox（ Elastic box layout model ）, And applicable scenarios 12,display:inline-block  When will the gap not be displayed ？13, Inline elements float:left Whether it becomes a block level element or not ？14, If you need to write animation manually , How long do you think the minimum interval is , Why? ？15,display:inline-block  When will the gap be displayed ？16,CSS The weight , Calculation rules 17,Sass、LESS What is it? ？ Why do people use them ？18,stylus,sass,less difference 19,rgba()  and  opacity  What's the difference in the transparency of ？20,px and em The difference between 21, Use css Achieve a continuous animation effect 22, Rearrange and redraw 23, What triggers rearrangement and redrawing ？

......

JavaScript

1, Say something JavaScript Basic specifications of 2, Closure 3, The variable object 4, Scope 5, Tell me about your understanding of scope chain 6,JavaScript Prototype , Prototype chain  ?  What are the characteristics of ？7, What is event delegation 8, Class creation 9, How to implement inheritance ？10, Talk about This Understanding of the object 11, Event model 12,new What do operators do ?13,Ajax principle 14,Ajax Solve browser caching problem 15, How to solve cross domain problems ?16, Tell me about your right AMD and Commonjs The understanding of the 17,js Of 7 Basic data types 18, Introduce js What are the built-in objects 19,JS What are the methods to define objects 20, You feel jQuery What's good about the source code 21,null,undefined  The difference between 22, Talk to you about ES6 The understanding of the 23, Object oriented programming idea 24, How to use JS Judge an array 25, The implementation of asynchronous programming 26, Primordial Javascript Know the direction 27,sort  Quickly scrambling arrays 28, Array de duplication operation 29,JS  Native drag nodes 30, Deep copy 、 Shallow copy 31, Throttling anti shake 32, Variable Promotion 33,JS Garbage collection mechanism in 34, How to understand front end modularity 35,js Single thread 36, say something event loop37, Describe below this38,ajax、axios、fetch difference

3, Algorithmic knowledge

Take out the algorithm alone , In recent years, more and more attention has been paid to the investigation of data structure and algorithm in the interview of large factories . It is necessary to learn algorithms and data structures , Although the algorithm requirements for front-end posts may not be so high , But basic recursion 、 Traverse 、 Operation of linked list 、 The common algorithms of stack and queue still need to be learned .

• Time complexity

• An operation

• Move left  <<

• Count right  >>

• Bitwise operation

• Sort

• Bubble sort

• Insertion sort

• Selection sort

• Merge sort

• Quick line up

• Heap sort

• The system has its own sorting implementation

• Linked list

• The preorder of a binary tree , Middle preface , After the sequence traversal

• Recursive implementation

• Non recursive implementation

• The precursor and successor nodes of middle order traversal

• Depth of tree

• Dynamic programming

• Fibonacci sequence

• knapsack problem

• The longest increasing subsequence

• String related

summary

I grew up feeling all the way , Without anyone's guidance , So it's hard to walk . For example, when I was a Junior , If there is a senior student who can give advice in stages , If there is a senior brother who has already worked, you can tell me what I need at work , I should be able to shorten the first three years by half ; Then I went for an interview bat, Failed, yes 5、6 Time , I don't know the specific reason every time , All rely on interview memories to guess what problems may be , Come back to learn and improve , When you really hire people , You will know the interview notes  

《 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 】

  How important recording is , The interviewer can see your growth from the interview records , Always go to interviews , Never grow up , Will be defined as a lack of potential .

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