Краткое описание вопросов для фронтального интервью (js, html, апплет, React, ES6, Vue, алгоритм, горячие видео ресурсы по всему стеку)

Life cycle function interview questions
    1. What is the Vue life cycle
    2. What is the role of Vue life cycle
    3. What hooks will the first page load trigger?
    4. Briefly describe which scenarios are suitable for each cycle.
    5. The Difference between Created and Mounted
    6. What periodic function is the data obtained by Vue
    7. Please elaborate on your understanding of Vue life cycle?
Vue routing interview questions
    1. What is the MVVM framework?
    2. What is vue-router? What components does it have?
    3. Which component's attribute is active-class?
    4. How to define the dynamic routing of vue-router? How to get the passed value
    5. What kinds of navigation hooks do vue-router have?
    The difference between $route and $route
    7. Variation of routing parameters in response to vue-router
    8. Vue-Router Reference
    9. Two modes of vue-router
    10. vue-router implements lazy routing loading (dynamic loading routing)
Vue common interview questions
    1. Advantages of Vue
    2. Does the Vue parent pass data to the child component?
    3. Subcomponents pass events like parent components
    4. Common and different points of v-show and V-IF instructions
    5. How to make CSS work only in current components
    6.   What is the role of it?
    7. How to get DOM
    8. Name some instructions in Vue and their usage?
    9. What is vue-loader? What are the uses of it?
    10. Why use key
    11. Axios and installation
    12. Axios solves cross-domain problems
    13.v-modal use
    14. Installation and use of SCSS
    15. Name the usage of each folder and file in the SRC directory in the vue.cli project?
    16. Briefly describe the usage scenarios of computer and watch respectively
    Can 17.v-on listen to multiple methods
    Use of $nextTick
    19.vue Component Why Data Must Be a Function
    Use of 20.vue event objects
    Communication between 21 components
    22. Understanding the progressive framework
    23. How to implement bidirectional data binding in Vue
    24. Differences, Advantages and Disadvantages of Single-page and Multi-page Applications
    What is the function of filter in 25.vue and its detailed explanation
    Priorities of 26.v-if and V-for
    27. The difference between assets and static
    28. List common instructions
    29.vue modifiers
    30. Array update detection
    31. Vue. set view update
    32. Detailed explanation of custom instructions
    Two Core Points of 33.vue
    34. The difference between Vue and jQuery
    35 Steps for introducing components
    36. What is the Vue-cli packaging command? Packing regrets leads to path problems, where should they be modified?
    37. Comparison of Three Frameworks
    38. Bidirectional data binding across components
    39. The difference between delete and Vue. delete delete delete arrays
    40. How to Solve the Slow Loading of SPA First Screen
    41. What's the difference between Vue-router jumps and location. href
    42. vue slot
    43. Does your Vue project package a JS file, a CSS file, or multiple files?
    44.vue encountered pits, how to solve them?
    45. Router-link in Vue is useful on computers. How to solve the problem of no response on Android?
    46.Vue2 Invalid Solution for Events Registered on Router-link
    47. RouterLink does not work in IE and Firefox (routing does not jump)
    48. What are the characteristics of Axios
    49. What is the process of encapsulating Vue components?
Vuex Common Interview Questions
    1. What is vuex? How do you use it? Which functional scenario uses it?
    2. What are the attributes of vuex
    3. What's the problem of not using Vuex?
    4. Should the Ajax request code in Vue.js be written in the method of the component or in the actions of vuex?
    5. An example method of vuex
    6. How to modify state asynchronously in Vuex
    7. The difference between actions and mutations in Vuex

ES6 New Method Interview Questions
    1. let const var comparison
    2. Backquotation mark (`)
    3. Function default parameters
    4. Arrow function
    5. Attribute Abbreviation
    6. Method abbreviation
    7. Object. keys () method to get all attribute or method names of an object
    8. Object. assign () The attributes and methods of the original object are merged into the target object.
    9. For... of loop
    10. Import and export
    11. Promise object
    12. Deconstruction assignment
    13. set data structure (for fast de-duplication)
    14. Spread Operator Expansion Operator (...)
    15. String Added Method
ES6 Array Interview Questions
    1.forEach()
    2.map()
    3.filter()
    4.reduce()
    5.some()
    6.every()
    7. All () method
ES6 Programming Question
    1. Using deconstruction to exchange the values of two variables
    2. Using array deduction, the square of each element of the array [1, 2, 3, 4] is calculated and a new array is formed.
    3. Use ES6 to change the following template
    4. Use the following two methods to output 0 to 9 in turn?

Reaction Life Cycle Interview Questions
    1. react life cycle function
    2. Which function is best suited for data interaction with the server in the react lifecycle
    3. Order of life cycle invocation in run-time
    4. What does shouldComponentUpdate do? (Which periodic function is react performance optimization?)
    5. Point out the differences in lifecycle approaches
Reaction Basic Interview Questions
    1. What is the role of keys in React?
    2. What is the role of refs in React?
    3. There are three ways to build components in React
    4. What happened after calling setState?
    5. Reaction diff principle
    6. Why is it recommended that the parameter passed to setState be a callback rather than an object?
    7. Is there any other way to bind this in a constructor?
    8. The role of the second parameter of setState
    9. (In constructors) What is the purpose of calling super (props)
    10. Brief introduction of flux thought
    11. What's the difference between Element and Component in React?
    12. Describe how events are handled in React.
    13. What's the difference between createElement and cloneElement?
    14. How do you tell React that it should compile the production environment version?
    15. What is the difference between Controlled Component and Uncontrolled Component?
Reaction Component Interview Questions
    1. What is the difference between Presentational Component and Container Component?
    2. What's the difference between Class Component and Functional Component?
    3. What's the difference between state and props?
    4. What is a controlled component?
    5. What is a higher order component?
    6. Where should an Ajax request be initiated for a React component
    7. Component passing values in react
    8. When do you use Functional Components on Functional Components?
    9. What is the difference between a controlled component and an uncontrolled component?
    10. Partition of react components Business component technology components?
Reux Interview Questions
    1. Redux Middleware
    2. What are the disadvantages of Redux
    3. Do you know redux? Say redux.
Respons Performance Comparison Interview Questions
    1. The difference between Vue and react
    2. Optimizing react performance
    3. What scaffolding has React used?
    4. Introduce webpack webpack
    5. If you create a Twitter element similar to the following, what is the class definition associated with it?
    6. Why do we need to use the Children API provided by React instead of the map of JavaScript?

1. Brief description of the difference between synchronization and asynchrony
2. How to add, remove, copy, create, and find nodes
3. Implementing a function clone can replicate five main data types (Number, string, Object, Array, Boolean) in Javascript
4. How to eliminate duplicate elements in an array
5. Write a function that returns closures
6. Accumulate 1 to 100 using recursion
7. What kinds of data types do Javascript have?
8. How to Judge Data Types
9. Print results of console. log (1+'2') and console. log (1-'2')
10. What is the event delegation of Js and what is its principle?
11. How to change the direction of this pointer inside a function
12. List several ways to solve cross-domain problems and explain their principles.
13. Talking about the way of garbage collection mechanism and memory management
14. Write a function to clear the space before and after the string
15. What are the ways in which JS implements inheritance
16. What are the ways to determine whether a variable is an array?
17. let, const, var
18. What's the difference between arrow function and normal function?
19. Random integers between 1 and 10
20. What exactly did the new operator do?
21. Ajax Principle
22. How to do modular development
23. How to load Js asynchronously
24. The difference between XML and JSON
25. How webpack implements packaging
26. Common Web Security and Protection Principles
27. What design patterns have been used
28. Why Homologous Restriction
29. Differences between offsetWidth/offsetHeight, clientWidth/clientHeight and scrollWidth/scrollHeight
30. What methods does JavaScript have to define objects
31. Tell me about your understanding of promise
32. Talk about your understanding of AMD and CMD
33. What are the methods of session tracking in Web Development
34. What are the built-in objects of js?
35. What are the basic rules for writing JavaScript?
36. How do JavaScript create objects?
37. What does Eval do?
38. The difference between null and undefined?
39. ["1", "2", "3"]. What's the answer to map (parseInt)?
40. use strict in JavaScript code; what does it mean? What's the difference between using it?
What are the ways of delayed loading of 41.js?
42. defer and async
43. Talk about the limitations of the strict model
44. What's the difference between attribute and property?
45. How does ECMAScript6 write classes? Why do classes come into being?
46. Common compatibility issues
47. The Principle of Function Anti-shake and Throttle
48. What are the original types? Is null an object?
49. Why console. log (0.2+0.1==0.3)//false
50. Talk about the rules of type conversion in JS?
51. The difference between deep copy and shallow copy? How to Realize
52. How to judge this? What is this of the arrow function?
53. == and====
54. What is closure
55. JavaScript prototype, prototype chain? What are the characteristics?
56. Usage differences between typeof () and instanceof ()
57. What is variable promotion?
58.All, apply, and bind functions are implemented internally
59. Why do setTimeout countdown errors occur? How to reduce
60. Talk about your understanding of JS execution context stack and scope chain
61. What is the principle of new? What's the difference between creating objects in the new way and creating objects in literal quantities?
62. What is the difference between prototype and prototype?
63. Implementing an inheritance using ES5?
64. Take the maximum of the array (ES5, ES6)
65. What are the new features of ES6?
66. Promise has several states. What are the advantages and disadvantages of Promise?
67. Promise constructor is executed synchronously or asynchronously. What about then? How does promise implement the then processing?
68. The difference between Promise and setTimeout?
69. How to implement Promise. all?
70. How to implement Promise. finally?
71. How to judge the completion of img loading
72. How to prevent bubbles?
73. How to prevent default events?
How to interpret JSON data when requesting 74.ajax
The difference between 75.json and jsonp?
76. How to bind two onclick events to a button with native js?
77. What events will drag and drop use?
78. Differences between document. write and innerHTML
79. What's the difference between jQuery's event delegation methods bind, live, delegate, on?
80. How do browsers render pages?
What's the difference between the $(document). ready () method and window. onload?
82. Is there any difference between $. get () submission and $. post () submission in jquery?
83. Understanding of front-end routing? What is the difference between front-end and back-end routing?
84. Inheritance of a Handwritten Class
85. XMLHttpRequest: XMLHttpRequest. readyState; meaning of status code

1. What is a box model?
2. What are the elements in the line? What are the block-level elements? What are the void elements? What's the difference between in-line elements and block-level elements?
3. Brief description of the difference between SRC and href
4. What is CSS Hack
5. What is Elegance Degradation and Gradual Enhancement?
6. The difference between PX and EM
7. Why does HTML5 only write 
8. What are the status codes of Http
9. What is a complete HTTP transaction like?
10. How HTTPS implements encryption
11. How browsers render pages
12. What are the browser's cores? What browsers do they represent?
13. What's the difference between using link and @import when importing pages
14. How to optimize the image and the difference of image format
15. List new features of Html5. Css3
16. What methods can be used to optimize CSS3 animation rendering
17. List several front-end performance optimizations
18. How to realize the communication between multiple tabs of the same browser
19. What are the storage technologies of browsers?
20.css positioning mode
21. Write browser compatibility as much as possible
22. The Method of Vertical Middle-Up and Down-Down
23. Responsive Layout Principle
25. Method of Clearing Floating
26. HTTP protocol and TCP protocol
27. Refresh pages, where do JS requests generally have cache processing
28. How to optimize the files and resources of the website
29. Your understanding of web standards and the importance of W3C
30. The difference between Http and HTTPS
31. Role of data-attributes
32. How to make Chrome browser display text less than 12px
33. What actions cause Reflow?
34. Comparisons of CSS Preprocessors with Less Sass
35. How to clear the page cache every time the page opens
36. What is Virtual DOM and why use Virtual DOM
37. The difference between pseudo-elements and pseudo-classes
38. Several Request Methods and Differences of HTTP
39. What kinds of SEO do you need to pay attention to at the front end?
40. < img > what's the difference between title and alt
41. Steps to enter URL from browser address bar to display page
42. How to optimize website performance
43. Semantic Understanding
44. How does the offline storage of HTML5 work? Can you explain how it works?
45. How does the browser manage and load the offline storage resources of HTML5?
46. What are the disadvantages of iframe?
47. What are the WEB and W3C standards?
48. Doctype role? How can strict patterns be distinguished from hybrid patterns? What do they mean?
49. What are the global attributes of HTML
50. What's the difference between Canvas and SVG?
51. How to achieve a circular clickable area on the page?
52. What is the Web Verification Code for? What is the security problem to solve?
53. Describe the difference between cookies, session Storage and local Storage?

Initial Knowledge Procedure
    1. Registration applet
    2. Wechat Developer Tools
    3. The Difference between Small Program and Ordinary Web Page Development
    4. Small program size unit rpx
    5. Style Import (WeUI for)
    6. Selector
    7. Small Program Image Highly Adaptive and Cutting Problem
    8. Wechat Small Programmer Recognizes Two-Dimensional Codes
    9. Add background color to the page
    10. Wechat applet to get user information
    11. Code Audit and Release
    12. Microprogram Wechat Authentication
    13. Application for Wechat Payment in Small Procedures
    14. Catalog Deconstruction of Small Programs and Four File Types
    15. Scope of applet files
    16. Common Components of Small Programs
        1.view
        2.scroll-view
        3. swiper components
        4.movable-view
        5.cover-view
        6.cover-image
Small Procedure Foundation
    17. Authorize access to user information
    18. Data binding
    19. List Rendering
    20. Conditional Rendering
    21. Public Template Establishment
    22. Events and Event Binding
    23. Citation
    24. Page Jump
        1.wx.switchTab
        2.wx.reLaunch
        3.wx.redirectTo
        4.wx.navigateTo
        5.wx.navigateBack
    25. Set tabBar
    26. Page Life Cycle
    27. Forwarding and Sharing
Small Program Advanced
    28. Request Request Background Interface
    29. http-promise package
    30.webview
    31. Get the user's receiving address
    32. Get the location of the ground
    33. Custom Components
    34. Wechat Payment Problem
Small Program Project Practice
    35. Local Data Caching of Wechat applet
    36. Pull-down refresh and pull-down loading
    37. List pages jump to detail pages (dynamically modifying title)
    38. Customer Service Telephone
    39. Star rating components
    40. Use of slots for small program slots
    41. Fuzzy Query
    42. WXS filtering
    43. Small program animation
    44. Lists are rendered based on index values
    45. Small program dynamic modification class
    46. Common Framework for Small Programs
    47. Method of parameter transfer
    48. Improving the speed of application of small programs
    49. Advantages and disadvantages of Wechat applet
    50. The Difference between Bidirectional Binding of Small Programs and Vue
    51. The Wechat applet adds animation to the button
    52. Conversion of tab button in Wechat applet
    53. Wechat applet introduced echarts
    54. APP Opens Small Program Flow
    55. Small Program Parsing Rich Text Editor

1. Vue teaching video
    01. Vue E-commerce Practice
  02.Vue Actual Warfare
  03.vue.js Music Player
  04.vue News Client Actual Warfare
  05. Vue Real Combat Group Purchase Network
  06.vue Actual Mobile Music App
  07. Vue+Node.js+MongoDB Full Stack Build Mall System
  08.Vue+Node+MongoDB Advanced Full Stack
  09.vue.js take-out
  10. Vue teaching videos of other training institutions
2. Video Development of Wechat Widget Program
    01. The latest small program development tutorial in 2018
    02. Java tremolo project
    03.mpvue applet development
    04. Introduction Development and Practice of Wechat Small Game
    05. The Latest Douban Film + Snake Eating Project
    06. Server Deployment + SSL Certificate Installation Tutorial
    07. Backstage explanation alone
    08. Small Program API Tutorial
    09. Zero Foundation Begins to Build CMS Background Tutorial for Wechat Small Program
    10. Practical Video Course for Enterprise Small Program Development
    11. Video tutorials for the development of Wechat widgets
    12. ThinkPHP 5.0 + Small Program Mall Building Full Stack Application
    13.Vue.js Background Interface Wechat Program Introduction and Project Practice Course
    14. Node. JS Quickly Develops Video Course for Wechat Public Signal


3. Linux Teaching Video

4.349 sets of adaptive templates
5. Black Horse Python Course Explanation

6. JS e-book you don't know

7. PHP course full explanation

8. Everest Training Video

9. Little Turtle Zero Basic Introduction Pthon

10. Machine Learning

11. React Video Learning Resources

JS algorithm (foundation)
    Array weighting
    Bubble sort
    Quick sort
    recursion
Algorithmic Advancement (Interesting)
    Array output A [i]*i
    How many are there in binary 1?
    Quickly Finding the Maximum and Minimum
    Reduce accumulator
    Quick Turn-Around
    Array rotation
    Binary search
    Higher order function reception
    Bubble sort(高级)
    Retain the first three or four characters (cell phone number * format)

Rotary Graph Plug-in Swiper
Secondary City Plug-in
Three-tier City Plug-in
SuperSlide
Accordion effect (pure js)
Video Player Plug-in
Bullet Layer Plug-in
Baidu Editor (Large)
ACE Editor (Lightweight)
Upload pictures (clipping function)
Page Loading Effect Plug-in (Initial Loading)
Various effects of full and anti-full elections
Floor Effect in East Beijing
Lazy load