Front-end Knowledge Collection

This article is reproduced in: Ape 2048 Website ⇛ https://www.mk2048.com/blog/blog.php?id=hibj1h0j0j

Currently set themselves up as a team is writing an interview map, it will open in mid-July. Is rich in content, will be the first version of the open source front-end programmer and knowledge necessary knowledge, the latter will gradually be written back-end knowledge. Because the project involved too much content (already written a month and a half), and need to be translated into English, so time was needed. Interested students can Follow my Github get the fastest update message.

JS related

• Detailed Node Timer
• JS native data binding
• HTML5 front-end summary of several storage
• ES2018 & 2019
• A question from shallow to say JavaScript event loop
• In-depth understanding of JavaScript Series
• Continuous integration build front-end development environment based on Docker
• Mobile end custom virtual keyboard
• Front-end operations and upload local files
• Vue.js source parsing
• Simple implementation of dynamic data binding
• Resolve magical Object.defineProperty

CSS-related

• z-index thorough understanding
• height, min-heightThe problem

<style>
.parent{
	min-height: 300px;
    // height: 1px;
}
.child{
	height: 100%;
	background: red;
}
</style>

<div class="parent">
    <div class="child">1</div>
</div>

Demo Institute Add

How is the above childelements stays full parent element: The answer is to give parenta specific heightheight：1px

Performance-related

Image loading optimization

Three-pronged approach for

• Pictures
  • Image Format webP
  • According to the screen size of the crop image size
• Pictures loaded Related
  • First, load the first screen and then load another picture
  • Lazy loading
  • Preloading
• Network-related
  • HTTP / 2 multiplexers
    • Web Performance Optimization and HTTP / 2
    • http2-explained
  • Use cdn
  • The reason for the slow loading HTTP version is not upgraded
    • Each connection requires three-way handshake, RTT will take time
    • Slow Start

Interview Related

• Collection distal face questions
• Front-end development face questions Star 8000+
• Collection of interview questions
• The front face questions answers
• CSS fundamentals questions

PWA-related

• Website progressive Enhanced Experience (PWA) transformation: Service Worker Application Comments
• This book first PWA Chinese

General computer knowledge

• HTTPS science
• The pipeline network video teaching
• Operating system-related

tool

• Front-end collection of documents
• Annotation tool
• VSCode Code Snipping Tool
• Chrome plugins recommended

We can focus on my public number, I'll update the video in the public numbers, and I think every night pushing a good article.

More professional front-end knowledge, make the [2048] ape www.mk2048.com