Noun explanation

Adverbs of degree

For words of different degrees, my understanding is as follows:

Proficient in

• Understand the principles and specifications behind it
• Rewrite the implementation code by hand
• This can be used as a basis for secondary development
• Able to read source code and make modifications

master

• This technique has been used extensively in projects
• You can use this technology freely for development
• Participate in technical forum discussion or write related articles

Be familiar with

• It was used in the project
• Read through the relevant documents
• You can quickly locate related problems in the document content
• Understand some of the more esoteric syntax sugar and API

To understand

• Not used in development, but have written demos
• Read relevant documentation or video tutorials
• Introduce the features and application scenarios of the technology in five minutes

Don’t understand

• I just know the name
• I’m just skimming through the document
• No code has been written about this technique
• All features of the current level are required
• High-level description includes low-level description features

A lot of resume written understanding, in fact, is not understanding, familiar with and master may often just understand the level, if you write proficient, then I will take the computer to interview you.

Handwritten code:

You can use Emmet or the editor’s reminder to write code without copying and pasting the entire code.

Memory test:

Need to memorize the content, can not use the search engine. For example, the spelling of most keywords can be input with the help of the editor for super long keywords. Some common knowledge points also require memorization, such as box model and selector rules, because they are used frequently in daily life and should be remembered.

Index investigation:

The solution can be found through technical keywords in search engines at once. For example, we want to make a special effect rotation image where the text and the background image scroll unsynchronously, the background image is only a small horizontal offset at a time, and the text is a whole page of scrolling.

Comprehension test:

The requirement is to be able to show knowledge points in code and how they compare to other knowledge points. Be able to design the use scheme of this technology in a certain application scenario. Be able to explain the mathematical principles or logical relationships behind them.

The interview intentions

positive

1. Do you have the minimum skills required for the job
2. Do you have similar project development experience
3. Do you have the skills required for the job
4. Field coding solves the problem
5. Use search engines correctly
6. Be able to explain in detail the techniques used in previous projects
7. Are you passionate about technology
8. There is code that is accessible online
9. There are tech blogs
10. Actively answer questions in the technical community
11. Focus on new technology and have done cases other than official demo
12. Use technology to solve everyday problems
13. Space to grow up
14. Computer Background
15. Good algorithmic foundation
16. Good presentation skills
17. Translation of technical articles
18. Have at least one hobby for more than 5 years

The reverse

1. Make a memory investigation to the unpopular knowledge point
2. Explain outdated knowledge points
3. The number of questions answered is used as the recruitment index
4. An interview should be like an eye test: start with the easiest questions and work your way up until you can’t answer them correctly.
5. If the interviewer answers none of the questions correctly or all of them correctly, it is not a successful interview.

interview

• Understand professional experience and confirm job content.
• Outline the scope of technical capabilities through scenarios.
• Confirm before the interview, any ambiguity should be confirmed at the beginning.
• What projects you participated in, what roles you played in the projects, and what coding work you completed.
• What is the workflow of the work? Do you have any experience working with specifications (such as Gitflow)?
• Follow the list of skills in your resume and choose the ones that stand out.
• For the basic knowledge, such as HTTP protocol, the study is focused on memory; Techniques such as regular routing promise can be relaxed for indexing if they have not been used in recent projects but – claim mastery.
• What I often do as an extra step is ask the interviewer to circle the real skills on the resume, exclude the filler content, and then only ask questions about the circled content. In my opinion, the environment should not be the same as the quality of the interview.On the other hand, being able to evaluate oneself is an important ability of the programmer.

Q&a about the technology stack apis used by our company, as well as deeper syntax and usage as appropriate

About 5 to 10 questions that lead the interviewer to explain how the technology works, how it can be used, and the problems encountered during its use (see appendix).

For example, if the candidate claims to be familiar with AJAX, I might ask what JS objects AJAX uses (principle), what are asynchronous functions (usage form), whether cross-domain problems have been encountered (problem), why JSONP solves cross-domain problems (principle), how is the content returned by JSONP different from JSON (usage), What are the limitations of using JSONP?

Continue at this level until the candidate is struggling or unable to answer.

They usually don’t interrupt the interviewer’s narrative, even if it is wrong, they will correct it at the end of the whole paragraph before moving on to the next topic.

Do the actual coding test, mainly to test the programming ability. Use basic JS questions for testing, such as

You can’t say multiples of seven or numbers with seven, such as 14,27,28. Please find the unspeakable number from 1 to 100.

The points of investigation are:

• Does the technology stack fit
• Technical depth
• Basic knowledge of the technology
• The idea of solving a problem

conclusion

The content section gives examples of common skill lists, and actually sets questions based on the candidate’s resume.

Memorizing content as the bottom line requirements, if not up to the standard, means that the foundation is not solid, in the future work will be confused on many basic issues.

Coding is mainly about searching, because this is the normal form of work. The ability to use a search engine defines a programmer on a daily basis.

Comprehension tests correspond to the understanding and application of knowledge points, whether knowledge points can be applied to development, and have their own thoughts on the problems encountered in daily development, reflecting the potential and development of the interviewer.

Investigation of basic skills

1. About Html

• Understanding of HTML semantic tags; Structured understanding; Can write concise HTML structure; SEO optimization
• New attributes in H5; Custom attributes such as data, className, etc., new form elements, Drag Drag
• H5 – New API, modified API, deprecated API

2. About CSS

• CSS selectors (Three major features)
• Landing the mechanism
• The box model
• CSS modular development (encapsulation); SCSS and LESS
• Screen adaptation and page adaptation
• New selector in CSS3
• CSS3 new properties, transform Trasition animation…

3. On layout

• Standard document flow (padding + margin + negative margin) + floating float + positioning
• Percentage layout (streaming layout): the px unit is replaced by %num, the percentage of the parent element
• Flex flex layout: Several properties of the spindle auxiliary axis
• Grid layout: Use class names in the framework instead: essentially a percentage layout

4. About JS foundation

• Variable data types and detection: basic + reference
• Operators: arithmetic + condition + logic + bit + short circuit, implicit conversion, etc
• If switch(){case XXX :} try catch finally throw
• Function definition, call method (apply, call, direct call), parameter passing: arguments assign values to parameters
• Common APIS for strings, arrays, objects,
• Regular expression

5. About JS advanced

• Scope, scope chain, closure
• Prototype, prototype chain, inheritance
• Function context, this points to
• Js running mechanism, event queue and loop
• Synchronous, asynchronous programming

6. About network protocols

• The HTTP protocol
• cookie, session, token

7. About ES6 syntax

• String, array, object extension API
• Variable extension: let const destruct assignment block-level scope
• Function extension: Arrow function default argument, rest argument
• Expand operator, template string
• Set and MAP data structures
• An understanding of iterators and generator functions next and yield
• Proxy Object property Proxy: Reads (gets) and sets (sets) properties
• Promise objects, a solution for asynchronous programming
• Async + await: syntactic candy of promise + Generator, the ultimate scheme of asynchronous programming
• Syntax sugar for the class syntax constructor
• Modular programming export + import export and import

9. VUE

• Basic instructions
• Instance properties and methods
• The life cycle of the instance
• Component basics: create, register, add property methods, apply…
• Component communication values parent child, brother, cross level
• Slots slot…

The VUE was advanced

• Vue – the router: building SPA
• Routing, component configuration
• Value transmission between routes
• Routing hop
• Navigation guard for routing
• Remember how it is used in router.js and component pages
• Vuex: State management: data warehouse store
• Instantiate the use of the five major properties of the repository

state, getters, mutations, actions, modules

• Auxiliary function mapState etc… , calculate the mapping of attributes in the warehouse, convenient operation
• Remember how to use store.js and components

11. VUE in-depth, source code reading

• Data responsivity principle
• virtual dom
• The diff algorithm
• NextTick etc…
• Data binding of VUe2 and VUe3
• Vue3 componest API
• The use of the vite

DOM

Master native DOM manipulation

Add or delete check change

Be familiar with Node and Element objects

Events about the mechanism of events

• Bubble and capture
• Event delegation
• Custom events
• The Event object
• object-oriented

Understand object-oriented thinking and be able to build applications with object-oriented thinking. For example, encapsulate a calendar component and design the property values and methods required by the object.

• The new method
• Inherit, derive
• Prototype and prototype chain

function

• Familiar with Array, String, etc
• Use of the Call and apply methods
• Chain calls
• this

engineering

1. Master gulp
2. Index rows examine handwritten GULp tasks
3. Master modularity

• CMD standard
• commonjs
• ES6 module
• How does Babel work
• Webpack packaging solution
• Asynchronous loading
• Packaging multiple files

4. Master webpack

• Read the Webpack documentation
• Understand configuration file structure
• Merge, inject effective code parts
• Hot update

5. CSS

Naming strategy

nested

variable

function

NodeJS for front-end jobs, nodeJS is mainly used in automation and building a simple data server.

• Check whether the NPM package has been uploaded
• Breakpoint debugging method
• express
• The plug-in
• The middleware
• Routing principle
• The HTTP protocol
• Database query
• HTML Template (EJS, PUG)

Understand the ES6

• promise
• Generator
• Curly bracket scope
• class
• Array traversal (ES5)
• Strict Mode (ES5)
• Module system

Framework project

general

• MVC
• Two-way data binding
• Single data flow
• componentization
• Life span
• routing

The front template

• Horizontal contrast, the advantages of the template used
• Use at least two front-end templates

Engineering capability inspection:

1. Ability to project

• Vue-cli scaffolding and function configuration vue.config.js
• Vite use and construction, etc
• Common configurations for WebPack
• Project build packaging

2. Familiar with documentation of various frameworks…

• UI frameworks: Bootstrap, MUI, Element-UI, etc
• Common plug-in collation, collation of a plug-in library, package their own method library, component library

3. Common tool proficiency

• PC and mobile development considerations and compatibility

4. Lesson learned: How to quickly determine the technology selection of the project
5. Pit some summary

• Project hit pit pit!!
• How to deal with, how to raise the issue and cooperate to deal with

6. Git or SVN usage
7. Performance tuning records in the project (all details… Multiple records)
8. Understanding of requirements documents can be combined with project flow charts, UML diagrams
9. Problem solving ability: (bug locating and debugging, searching for documents, seeking others…)
10. Do you have the habit of keeping records?

Modular and componentized development ability

• Project classification; Sort out and classify all kinds of documents
• Various functional packages
• Decoupling, decoupling and reuse of components and functional modules

Internal work inspection:

1. Object-oriented programming ideas

• Class of abstract
• Object encapsulation, inheritance
• In order to better manage data, classified data to achieve high cohesion, low

2. Design patterns

• Design patterns feel the same way
• Abstract object – oriented ideas into some specific patterns in reality

3. Data structures and algorithms

• Learn common sort search algorithms, order lists, linked lists, stacks, queues, trees, heap structures and more…
• Testing your abstract thinking and math skills
• The ability to abstract real needs into computer code

Additional skills:

1. The ability to learn

• An attitude of continuous learning – blogging, note-taking
• The technical forum is highly active with many questions and answers
• GitHub open source project participation

2. Know a back-end language

• Node.js, Python, PHP…
• Mysql,redis,mongodb. SQL operation statement,mongo operation statement,redis operation statement
• Node + Express builds local services, etc
• python + django + request + scrapy

3. System programming

• Linux command line operation, system file management
• Understanding of multi-task, multi-thread, multi-process, coroutine, concurrent, parallel, serial, synchronous, asynchronous, etc

95 pages of front-end learning notes

In order to help you better review the key knowledge and prepare for the interview more efficiently, the electronic document of 95 pages of Front-end Learning Notes is specially organized.

The main content includes HTML, CSS, HTML5, CSS3, JavaScript, regular expressions, functions, BOM, DOM, jQuery, AJAX, VUE and so on. Click here to get the full version [95 pages] of front-end module notes

html5/css3

• The advantage of it

• HTML5 deprecated Elements

• New elements in HTML5

• HTML5 form-related elements and attributes

• CSS3 added a selector

• CSS3 Added attributes

• Added morphing animation properties

• 3D deformation properties

• Transition properties of CSS3

• CSS3 animation properties

• CSS3 new increment column properties

• CSS3 added a unit

• Elastic box model

  

JavaScript

• JavaScript based

• JavaScript data types

• Arithmetic operations

• Casts.

• The assignment operation

• Relationship between operation

• Logical operations

• The ternary operation

• Branch loop

• switch

• while

• do-while

• for

• Break and continue

• An array of

• Array methods

• 2 d array

• string

  

Regular expression

• Creating regular expressions

• metacharacters

• Pattern modifier

• The regular way

• Support for the String method of re

  

Js object

• Define the object

• Object data access

• JSON

• Built-in objects

• Math methods

• The Date methods

  

Object orientation is a programming idea

• Define the object
• Prototype and prototype chain
• Prototype chain
• The prototype

Common JavaScript design patterns

• A singleton

• The factory pattern

• Case model

  

function

• Definition of a function

• Local variables and global variables

• The return value

• Anonymous functions

• Self-running function

• closure

  

BOM

• Summary of BOM

• The window method

• Frames [] Frames set

• History Historical records

• The location positioning

• The navigator navigation

• Screen screen

• The document document

  

DOM

• DOM object methods
• Manipulating relationships between DOM’s
• DOM node attributes

The event

• Event classification

• The event object

• Flow of events

• Event goals

• Event delegate

• Event listeners

  

jQuery

• JQuery selector

• Property selector

• Position selector

• Descendant selector

• Child selector

• Selector object

• Child elements

• DOM manipulation

• JQuery event

• Container to adapt

• Label style manipulation

• sliding

• Custom animation

  

AJAX

• The working principle of
• The XMLHttpRequest object
• Differences between XML and HTML
• The get () and post ()

HTTP

• HTTP message structure

• Url Request process

  

Performance optimization

• JavaScript code optimization
• Improves file loading speed

webpack

• The characteristics of the webpack

• The disadvantage of webpack

• The installation

• Webpack basic application

• Getting Started with Configuration Files

  

vue

• The MVC pattern

• The MVVM pattern

• Basic grammar

• Instance properties/methods

• The life cycle

• Calculate attribute

• Array update check

• The event object

• Vue components

• Routing using

• Routing navigation

• Embedded routines by

• Named view

  

👉How to obtain PDF👈