The main content of this interview question document includes nine related modules: HTML related, CSS related, JavaScript related, jQuery related, browser related, HTTP related, Vue related, React related, applets related.

HTML \ CSS related

  • What are the most used image formats on the web
  • Briefly describe the CSS box model
  • Use video and audio labels
  • What’s new in HTML5
  • What are the new semantic tags in HTML5
  • New features in CSS3
  • What are the ways to clear a float? Please tell me the advantages of each
  • What is the difference between the attribute values of the location
  • How is a child element centered in a parent element
  • The difference between border-box and content-box
  • The element is vertically centered
  • How to make Chrome display text less than 12px
  • What are CSS selectors, which properties can be inherited, and how are priorities calculated? CSS3 new pseudo class what
  • How can you optimize a web page with lots of images that load slowly?
  • What are the inline/block-level elements?
  • What’s the difference between standard mode and weird mode in browsers?
  • When are Margin and padding used
  • What are the elastic box layout attributes?
  • How to disable tags
  • Flex Layout Principles
  • Px, REM, EM
  • What are the three layers of a web page
  • Please brief the media inquiry
  • Three column layout mode fixed on both sides adaptive in the middle
  • Doctype role
  • .

JavaScript related

  • Js basic data types
  • How to use Ajax
  • How do I determine if a piece of data is a NaN
  • What is a closure? What are the characteristics? What will be the impact on the page
  • Common memory leaks in Js:
  • What is an event delegate? How do I determine the event source
  • What is event bubbling?
  • The difference between local storage and cookies
  • ES6 new features
  • Let vs. var vs. const
  • Please describe the array methods
  • Please master more than two ways to remove the array weight
  • What is object oriented
  • The difference between a normal function and a constructor
  • Please briefly describe prototype/prototype chain/(prototype) inheritance
  • The understanding of the Promise
  • Please briefly describe the use of async
  • What happens when a page is loaded and displayed from the time the URL is entered?
  • .call() differs from.apply() in Js
  • Why is it cross-domain/Briefly describe the same origin policy
  • This points to the
  • What is JSONP and how does it work? Why isn’t it real Ajax
  • Write a simple class and inheritance
  • The difference between synchronous and asynchronous/blocking and non-blocking
  • Why is JS a weakly typed language
  • The difference between arrow functions and ordinary functions
  • What is the difference between a For loop and a MAP loop
  • The differences between prototype and inheritance, Prototype, Call and apply inheritance
  • What is shallow copy and how is it implemented?
  • When to use deep/shallow copy
  • .

JQuery related

  • What is jQuery?
  • Why use jQuery? What are the benefits of jquery?
  • What are the Jquery selectors
  • Jquery method of inserting a node
  • How do jQuery objects and DOM objects convert
  • The difference between.get() and.post() submissions in jQuery
  • How to use animation in jQuery
  • How to get and set properties in jQuery
  • How do I set and get HTML and text values?
  • What methods are available in jQuery to traverse a node?
  • .

Browser, HTTP related

  • What is HTTP? What are the characteristics
  • HTTP is different from HTTPS
  • Please briefly describe the ajax implementation process and common HTTP status codes
  • Get is different from Post
  • Please output three ways to reduce page load time
  • What are redraw and reflux
  • .

Vue related

  • What is at the heart of Vue
  • Please briefly explain your understanding of VUE
  • Describe the one-way data flow of VUE
  • What are the common modifiers of Vue
  • V-text differs from {{}} and V-html
  • Can V-ON bind multiple methods
  • The key function of the Vue loop
  • What are computed attributes
  • Pros and cons of Vue single pages
  • What is Vuex? How to use it? Used in that context
  • Route jump in Vue (declarative/programmatic)
  • What does the name attribute do in routing?
  • Vue cross-domain solution
  • Please briefly describe the Vue life cycle
  • The role of the Vue lifecycle
  • DOM rendering is completed in that lifecycle phase
  • The realization of Vue routing
  • Vue routing mode hash and history, briefly
  • Vue route parameter transmission in two ways, params and Query mode and difference
  • Several ways of Vue data binding
  • Vue registers a global component
  • Vue route hook function/route guard
  • How do I set dynamic routes in Vue? What are the ways? How do I get the data that’s being passed?
  • What are some common components in Elementui? Please briefly describe the attributes that you use most often.
  • What are the instructions in Vue
  • How does Vue define a filter
  • Understanding of keep-alive in VUE
  • How do I make the CSS in a component work in the current component
  • There are several phases of the Vue life cycle
  • Differences between Mvvm and MVC
  • Why is data in a Vue component a function
  • Vue bidirectional binding principle
  • How do components pass values in Vue
  • The principle of the Bootstrap
  • .

The React related

  • fetch VS ajax VS axios
  • React event handling — Modify this pointer
  • Describe your understanding of React
  • React data transfer between components
  • Vue is different from React
  • Please briefly describe the virtual DOM and diff algorithms
  • What happens after setState is called?
  • React Life cycle function
  • Why does the virtual DOM improve performance?
  • The difference between State and props
  • What does shouldComponentUpdate do
  • The react principle of the diff
  • What is a controlled component
  • .

Applet related

  • Advantages of small programs
  • Page composition of applets
  • The life cycle of a small program
  • How does an applets request data
  • How to improve the first screen load time of small programs
  • .

The last

Add: front end test questions commonly used algorithm

  • Time complexity
  • An operation
  • The left < <
  • Arithmetic move right >>
  • Bitwise operations
  • The sorting
  • .

Front-end learning notes, big factory interview questions and other PDF can be shared, you can add here Q skirt: [624369675] for free!Copy the code