Front-end framework and the project interview - Focus Vue, React, Webpack

• It describes the background and the main content of the course Courses.

  •  1-1 Course Guidance Look

• Chapter 2 Courses

  First a few interview Zhenti guided thinking. With questions to continue to learn, the better.

  •  Several look face questions 2-1 Look

• Chapter 3 Vue use

  Vue is the front end of a compulsory interview content, you must first ensure they have to use Vue. This chapter describes the basic use Vue, components use, advanced features and Vuex Vue-router, knowledge of these parts and interview questions.

  •  3-1 vue use - Crosstalk test sites
  •  3-2 vue basic use
  •  3-3 vue basic knowledge Crosstalk -part2
  •  3-4 vue his son how communications components
  •  3-5 How to customize the event vue communication components
  •  3-6 vue father and component lifecycle calling sequence
  •  What vue interview will examine advanced features 3-7
  •  3-8 vue how to achieve their v-model
  •  After 3-9 vue component update How to obtain the latest DOM
  •  What is 3-10 slot
  •  What is Dynamic Components 3-11 vue
  •  How to 3-12 vue asynchronous loading assembly
  •  3-13 vue how to cache components
  •  How to 3-14 vue pulled out a common logical components
  •  3-15 vue advanced features knowledge Summary
  •  3-16 vuex knowledge Crosstalk
  •  3-17 vue-router knowledge Crosstalk
  •  3-18 vue Use - Summary and review test sites

• Chapter 4 Vue principle

  To ensure that their interview competitiveness, we must grasp the principle of Vue, the front end of the interview or advanced manufacturers often test interview. This chapter explains the virtual DOM, Vue principle diff algorithm, responsive, template compiler, components, rendering often test knowledge points and face questions.

  •  4-1 vue principle - Dachang compulsory Look
  •  How to understand MVVM 4-2
  •  What 4-3 monitor data changes in the core API is
  •  How to monitor data changes in the depth of 4-4
  •  How to monitor an array of changes 4-5 vue
  •  4-6 DOM- virtual network interview in the red
  •  4-7 used virtual DOM
  •  4-8 Virtual DOM-diff Algorithm Overview
  •  4-9-depth diff algorithm source code - generated vnode
  •  4-10-depth diff algorithm source -patch function
  •  4-11-depth diff algorithm source -patchVnode function
  •  4-12-depth diff algorithm source -updateChildren function
  •  4-13 Virtual DOM- summary and review test sites
  •  4-14 pre-compiled template syntax knowledge -with
  •  4-15 vue template is compiled into what
  •  4-16 vue render assembly may be replaced by template
  •  4-17 Review and review already learned knowledge
  •  How to 4-18 vue component is rendered and updated
  •  4-19 vue component is asynchronous rendering
  •  4-20 how to hash routing with JS
  •  4-21 how to implement routing H5 history with JS
  •  4-22 vue Principle - Summary and review test sites

• Chapter 5 Vue interview Zhenti exercise

  After completing and using the principle of the Vue, it would be a mock interview. This chapter gives a lot of test Vue often face questions to help you validate learning outcomes, and learn new things.

  •  Why 5-1 vue Zhenti exercises 1-v-for using the key
  •  Why 5-2 vue Exams component data is a function of exercise 2-
  •  5-3 vue Exams walkthrough using keep-alive when the 3-
  •  5-4 vue Exams 4- exercise when required beforeDestroy
  •  5-5 vue Exams drill 5-diff time complexity of the algorithm
  •  5-6 vue Zhenti exercise 6-vue common performance optimization

• Chapter 6 Vue3 pre-study

  Vue3 released soon. This chapter describes the upgrades Vue3, and use Proxy implement responsive. Vue3 other content to be released, after use, up to date.

  •  6-1 vue3 coming out of date yet vue2
  •  6-2 Proxy basic use -part1
  •  6-3 Proxy basic use -part2
  •  6-4 vue3 responsive implemented by Proxy

• Chapter 7 React use

  And Vue Like, React is necessary interview skills, study and higher probability manufacturers. React chapter explains the basic use, advanced features, performance optimization, and other content knowledge redux and interview questions.

  •  7-1 React use - Crosstalk test sites
  •  7-2 JSX basic knowledge Crosstalk
  •  7-3 JSX how to determine the conditions and render list
  •  Why 7-4 React bind this event
  •  The difference between 7-5 React events and DOM events
  •  7-6 React form knowledge Crosstalk
  •  7-7 React parent-child communication components
  •  Why 7-8 setState immutable values
  •  7-9 setState synchronous or asynchronous
  •  7-10 setState appropriate merged state
  •  7-11 React component lifecycle
  •  7-12 React basic use - knowledge summary and review
  •  What is the difference function components and class assemblies 7-13 React
  •  7-14 What is a non-controlled components React
  •  7-15 what the scene needed React Portals
  •  7-16 Are Used React Context
  •  How to 7-17 React asynchronous loading assembly
  •  Where is 7-18 React performance optimization of the core issues in -SCU
  •  7-19 React performance optimization -SCU What is the default return
  •  7-20 React -SCU must meet performance optimization immutable values
  •  7-21 React performance optimization -PureComponent and memo
  •  7-22 React Performance Optimization - Learn immutable.js
  •  7-23 What is a high-order component React
  •  What is 7-24 React Render Props
  •  7-25 React advanced features test sites summary
  •  7-26 Redux test sites Crosstalk
  •  7-27 describe individual data stream Redux
  •  7-28 Crosstalk react-redux knowledge points
  •  How to handle asynchronous 7-29 Redux action
  •  7-30 middleware principles outlined Redux
  •  7-31 Crosstalk react-router knowledge points
  •  7-32 React use - summary of test sites

• Chapter 8 React principle

  And Vue compared to the more need to develop the use of React staff understand the principle, the interview will be the focus of study. This chapter explains JSX compiled, event mechanism, batchUpdate, component update knowledge and face questions React principle so often rendering exam.

  •  8-1 React principle - Crosstalk test sites
  •  8-2 Review immutable value again
  •  8-3 vdom and diff is the core technology to achieve React
  •  8-4 JSX What is the nature of
  •  8-5 says about the synthesis of the event mechanism React
  •  8-6 of talk about batchUpdate mechanism React
  •  8-7 briefly React transaction mechanism
  •  8-8 says about the process of updating and rendering components React
  •  How 8-9 React-fiber optimize performance
  •  8-10 React Principle - Summary and review test sites

• Chapter 9 React interview Zhenti exercise

  React finished learning to use and principles, and it would be a mock interview. This chapter gives a lot of React face questions often test to help you validate learning outcomes, and learn new things.

  •  9-1 React how communication between components Zhenti exercise -1-
  •  9-2 React Zhenti exercise -2-ajax lifecycle which should be placed
  •  9-3 React Exams drill -3- common logical how disengagement assembly
  •  9-4 React Zhenti exercises -4-React common performance optimizations
  •  The difference between 9-5 React Zhenti exercise -5-React and the Vue

• Chapter 10 webpack and babel

  webpack is an indispensable tool for front-end, a compulsory interview content, especially the performance optimization. This chapter explains webpack common configuration, detailed performance optimization tools, has babel. Finally, we will give the surface often test questions to do the interview Zhenti exercise.

  •  10-1 webpack combing test sites
  •  Crosstalk 10-2 webpack basic configuration (a)
  •  10-3 webpack basic configuration Crosstalk (lower)
  •  How to configure multiple entry 10-4 webpack
  •  10-5 webpack how detached compressed css file
  •  How to 10-6 webpack pulled out common code and third-party code
  •  10-7 webpack how to implement asynchronous loading JS
  •  10-8 module chunk bundle of difference
  •  10-9 webpack optimize build speed - knowledge Crosstalk
  •  10-10 ignore useless files IngorePlugin
  •  What is 10-11 happyPack
  •  How to configure 10-12 webpack hot update
  •  10-13 When to use DllPlugin
  •  10-14 webpack optimize build speed - Summary and review test sites
  •  10-15 webpack Optimization Output Code - Crosstalk test sites
  •  10-16 What is Tree-Shaking
  •  Difference of 10-17 ES Module and Commonjs
  •  10-18 What is the Scope Hosting
  •  10-19 babel basic concept Crosstalk
  •  What is 10-20 babel-polyfill
  •  10-21 babel-polyfill how to introduce on-demand
  •  What is 10-22 babel-runtime
  •  10-23 webpack summary and review test sites
  •  10-24 webpack interview Zhenti - packaged front-end code Why
  •  10-25 webpack interview Zhenti - why not be Polyfill Proxy
  •  10-26 webpack interview Zhenti - Common Performance Optimization

• Chapter 11 Project Design

  Mastered the use and principles Vue and React, whether I can design a project function? Interview will inspect the project design capacity. This chapter describes common ways study of the project design, as well as problem-solving ideas and methods.

  •  Why interview 11-1 will examine the state of the components and design
  •  11-2 state design ideas and points
  •  11-3 component design ideas and points
  •  11-4 React code demonstrates realization TodoList
  •  Summary 11-5 component design and the design of state
  •  11-6 Vue realize cart - how would you design
  •  11-7 Vue realize how the shopping cart design data
  •  11-8 Vue realize cart - component design and code demonstrates
  •  11-9 combined vuex realize cart
  •  11-10 test sites are summarized state design and component design

• Chapter 12 Project Flow

  This chapter describes the problems and solutions a standard front-end project development process, project roles, as well as in projects that will be encountered. Help you refine your project experience, the workplace has become "old driver."

• Chapter 13 Lessons Learned

  Summarizes the main contents and knowledge courses

   

  Course Link: Link: https://pan.baidu.com/s/1Px7Am5znLH6sBEifWIV1Bg extraction code: rghu

  If the link does not work, contact me. study together.

  ​​​