current position:Home>Front end interview series 5: browser and computer foundation
Front end interview series 5: browser and computer foundation
2021-08-27 04:59:29 【Rookies of Xiaoheshan】
Come and join us !
" Rookies of Xiaoheshan ", Provide technical information and series of basic articles for front-end developers . For better user experience , Please move to our official website, Rookies of Xiaoheshan ( xhs-rookies.com/ ) To study , Keep abreast of the latest articles .
"Code tailor" , If you are interested in our article 、 Or I want to make some suggestions , Wechat attention “ Rookies of Xiaoheshan ” official account , Get in touch with us , You can also watch our articles on wechat . Every suggestion or approval is a great encouragement to us !
The interview series is updated from time to time , Stay tuned
Preface
This column focuses on the interview browser / Basic computer knowledge The content of the interview questions .
Be careful : This column will only cover the key content , It will not expand . Some topics need to expand knowledge points , We will expand the content 、 The overall details are placed at the top of each topic , You can check it by yourself .
browser / Basic computer knowledge
browser / Basic computer knowledge |
---|
Difference between process and thread |
Why? JS To set as single threaded |
Browser event loop |
When to trigger the browser's event loop |
Script Of async and defer The difference between loading |
title
Difference between process and thread
-
A process is a running program , A thread is an execution sequence inside a process
-
A process is a unit of resource allocation , Threads are execution units
-
High cost of inter process switching , The cost of switching between threads is small
-
Processes have many resources , Threads have less resources
-
Multiple threads share the resources of the process
Why? JS To set as single threaded
JavaScript
The reason for being single threaded is related to its purpose ,JavaScript
Its main purpose is to interact with users , And operation DOM
. This determines that it can only be a single thread , Otherwise, it will bring complicated synchronization problems . such as , Assume JavaScript
There are two threads at the same time , A thread in a DOM
Add content on node , Another thread deleted this node , Which thread should the browser follow ?
therefore , To avoid complexity , From the birth ,JavaScript
It's a single thread , This has become the core feature of the language , It won't change in the future .
Browser event loop
The browser event loop refers to JS
The engine is parsing JS
Script time , Push the synchronization method into the execution stack , And put asynchronous methods in the event queue , When the method in the execution stack is executed , The browser goes to the event queue to see if there are completed tasks , If there is , Then take it out and put it into the execution stack . Repeating the above actions repeatedly is called an event loop
The answer needs to be connected with the browser thread , namely JS
Engine threads 、 Event trigger thread 、 Timing trigger thread
For more details, see JavaScript Detailed explanation of operation mechanism : We can talk Event Loop
Script Of async and defer The difference between loading
For more details, see defer and async The difference between
Notice of next section
In the next section, we will bring you Handwritten program algorithm problem
My interview questions , Coming soon !
copyright notice
author[Rookies of Xiaoheshan],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2021/08/20210827045928098i.html
The sidebar is recommended
- Crazy blessing! Tencent boss's "million JVM learning notes", real topic of Huawei Java interview 2020-2021
- JS JavaScript how to get the subscript of a value in the array
- How to implement injection in vuex source code?
- JQuery operation select (value, setting, selected)
- One line of code teaches you how to advertise on Tanabata Valentine's Day - Animation 3D photo album (music + text) HTML + CSS + JavaScript
- An article disassembles the pyramid architecture behind the gamefi outbreak
- BEM - a front-end CSS naming methodology
- [vue3] encapsulate custom global plug-ins
- Error using swiper plug-in in Vue
- Another ruthless character fell by 40000, which was "more beautiful" than Passat and maiteng, and didn't lose BMW
guess what you like
-
Huang Lei basks in Zhang Yixing's album, and the relationship between teachers and apprentices is no less than that in the past. Netizens envy Huang Lei
-
He was cheated by Wang Xiaofei and Li Chengxuan successively. Is an Yixuan a blessed daughter and not a blessed home?
-
Zhou Shen sang the theme song of the film "summer friends and sunny days" in mainland China. Netizen: endless aftertaste
-
Pink is Wangyuan online! Back to the peak! The new hairstyle is creamy and sassy
-
Front end interview daily 3 + 1 - day 858
-
Spring Webflux tutorial: how to build reactive web applications
-
[golang] walk into go language lesson 24 TCP high-level operation
-
August 23, 2021 Daily: less than three years after its establishment, Google dissolved the health department
-
The female doctor of Southeast University is no less beautiful than the female star. She has been married four times, and her personal experience has been controversial
-
There are many potential safety hazards in Chinese restaurant. The top of the program recording shed collapses, and the artist will fall down if he is careless
Random recommended
- Anti Mafia storm: He Yun's helpless son, Sun Xing, is destined to be caught by his dry son
- Introduction to flex flexible layout in CSS -- learning notes
- CSS learning notes - Flex layout (Ruan Yifeng tutorial summary)
- Today, let's talk about the arrow function of ES6
- Some thoughts on small program development
- Talk about mobile terminal adaptation
- Unwilling to cooperate with Wang Yibo again, Zhao Liying's fans went on a collective strike and made a public apology in less than a day
- JS function scope, closure, let, const
- Zheng Shuang's 30th birthday is deserted. Chen Jia has been sending blessings for ten years. Is it really just forgetting to make friends?
- Unveil the mystery of ascension
- Asynchronous solution async await
- Analysis and expansion of Vue infinite scroll source code
- Compression webpack plugin first screen loading optimization
- Specific usage of vue3 video play plug-in
- "The story of huiyeji" -- people are always greedy, and fairies should be spotless!
- Installing Vue devtool for chrome and Firefox
- Basic usage of JS object
- 1. JavaScript variable promotion mechanism
- Two easy-to-use animation JS that make the page move
- Front end Engineering - scaffold
- Java SQL Server intelligent fixed asset management, back end + front end + mobile end
- Mediator pattern of JavaScript Design Pattern
- Array de duplication problem solution - Nan recognition problem
- New choice for app development: building mobile applications using Vue native
- New gs8 Chengdu auto show announces interior Toyota technology blessing
- Vieira officially terminated his contract and left the team. The national security club sent blessings to him
- Less than 200000 to buy a Ford RV? 2.0T gasoline / diesel power, horizontal bed / longitudinal bed layout can be selected
- How does "heart 4" come to an end? Pinhole was boycotted by the brand, Ma Dong deleted the bad comments, and no one blessed him
- We are fearless in epidemic prevention and control -- pay tribute to the front-line workers of epidemic prevention!
- Front end, netty framework tutorial
- Xiaomi 11 | miui12.5 | android11 solves the problem that the httpcanary certificate cannot be installed
- The wireless charging of SAIC Roewe rx5 plus is so easy to use!
- Upload and preview pictures with JavaScript, and summarize the most complete mybatis core configuration file
- [25] typescript
- CSS transform Complete Guide (Second Edition) flight.archives 007
- Ajax foundation - HTTP foundation of interview essential knowledge
- Cloud lesson | explain in detail how Huawei cloud exclusive load balancing charges
- Decorator pattern of JavaScript Design Pattern
- [JS] 10. Closure application (loop processing)
- Left hand IRR, right hand NPV, master the password of getting rich