personal blog

Jackysummers persönlicher Blog

✍️ Personal Technical Learning Records, Essays, Zusammenfassung, verschiedene Notizen

Achten Sie auf Front-End-Entwicklung, lernen

Hinweis: Alle Artikel sind original und das Urheberrecht gehört zum Jackysummer -Konto. Bitte wenden Sie sich an den Autor, um den kommerziellen Nachdruck zu erhalten. Bitte geben Sie die Quelle an, wenn Sie nicht kommerzielles Nachdruck nachdrucken.

? Zustand

Der Blog wird weiterhin aktualisiert. Ich hoffe, hart mit Ihnen zu arbeiten und Sie zu ermutigen? ...

? Meine Tech -Community

• Nuggets Homepage
• Segmentfault -Startseite
• Persönlicher Blog

Ein tiefes Verständnis des Katalogs der JavaScript -Serie

1. Ein tiefes Verständnis des Ausführungskontexts und des Ausführungsstacks von JavaScript
2. Ein tiefes Verständnis des Ausführungskontexts von JavaScript und variablen Objekten
3. Tief verstehen die variable JavaScript -Verbesserung
4. Ein tiefes Verständnis von JavaScript, das über Schließungen aus einer Frage nachgedacht wird
5. Ein tiefes Verständnis des Prototyps und der Prototypkette von JavaScript
6. Verstehe den Bereichsbereich und Schließungen von JavaScript zutiefst
7. Verstehen Sie das neue Prinzip und die Simulation von JavaScript zutiefst
8. Verstehe sieben Möglichkeiten zur Implementierung der Vererbung in JavaScript
9. Verstehe den Aufruf, anwenden, binden die Methode von JavaScript
10. Verstehen Sie den handgeschriebenen Aufruf von JavaScript, anwenden, binden Sie tief und binden Sie die Methode
11. Eingehendes Verständnis der handgeschriebenen flachen und tiefen Kopie von JavaScript
12. Ein tiefes Verständnis der Ereignisschleife von JavaScript

ES6 -Serie

1. Der Unterschied zwischen LET und const und var in der ES6 -Serie
2. Dekonstruktion und Zuordnung von Variablen in der ES6 -Serie
3. ES6 -Serienvorlage Zeichenfolge
4. Vollständige Analyse der Pfeilfunktionen in der ES6 -Serie
5. Einer der Artikel in der ES6 -Serie verstehen Iterator gründlich
6. Vollständige Analyse des Generatorgenerators in der ES6 -Serie
7. ES6 Series Promise Collection
8. ES6 Series handgeschriebenes Versprechen
9. Proxy der ES6 -Serie

Typscript -Serie

1. TypeScript -Einführung Wissenspunkte
2. Zusammenfassung der erweiterten Erfahrungen mit TypeScript

React -Serie

1. Einkapseln Axios mit React+AntD einkapseln, um den globalen Belastungseffekt zu erzielen
2. Gründe für diese Bindung der React -Funktion und des Vergleichs von vier Bindungsmethoden
3. Eine kurze Diskussion über Reacts Kontext -API
4. Implementieren
5. Handschriftensimulation implementiert React -Haken
6. Implementieren Sie eine Mini -Redux (Basic -Version)
7. Implementieren Sie eine Redux (komplette Version)
8. Nehmen Sie mit, um React-Redux zu implementieren
9. Verstehen Sie den Redux-Thunk-Quellcode
10. Handgeschriebene Observable- und Autorun -Methoden zur Implementierung von MOBX
11. Nehmen Sie Schritt für Schritt zu Beginn mit
12. Schritt für Schritt, damit Sie als nächstes beginnen.js
13. Sprechen Sie über das Verständnis der neuen und alten Lebenszyklen von React
14. Vertiefung in Reacts SetState -Mechanismus
15. Eine kurze Diskussion über das Verständnis von React Faser
16. Eine kurze Analyse von RequestIdleCallback
17. React's State Management Library - Recoil
18. Upgrade React Router V6 Guide
19. Ein Beitrag erklärt die Aktualisierungen und Änderungen von React 17 und React 18
20. Eingehende Reaktionskontext-Quellcode und Implementierungsprinzipien
21. Eingehende Reaktionssynthese-Ereignismechanismus-Quellcode und Prinzip
22. Eingehender Beginnworkprozess für die Renderphase des React-Quellcode
23. Vervollständigungsprozess, der in die React -Quellcode -Render -Stufe eindringt

Interpretation der Ahooks -Quellcode -Serie

1. 【Interpretation der AHOOKS -Quellcode -Serie】 (Öffnung) So erhalten und überwachen Sie DOM -Elemente
2. 【Interpretation der AHOOKS -Quellcode -Serie】 DOM -Artikel (i)
3. 【Interpretation der AHOOKS -Quellcode -Serie】 DOM -Artikel (ii)
4. 【Interpretation der AHOOKS -Quellcode -Serie】 DOM -Artikel (iii)
5. 【Interpretation der AHOOKS -Quellcode -Serie】 DOM -Artikel (IV)
6. 【Interpretation der AHOOKS -Quellcode -Serie】 Dev -Artikel - AustrackedEct und UsewhyDidyouUpdate
7. 【Interpretation der AHOOKS -Quellcode -Serie】 Erweiterter Artikel
8. [Interpretation der AHOOKS -Quellcode -Serie] Status (i)
9. [Interpretation der AHOOKS -Quellcode -Serie] Zustand (ii)
10. 【Interpretation der AHOOKS -Quellcode -Serie】 Effektartikel (i))
11. 【Interpretation der AHOOKS -Quellcode -Serie】 Effektartikel (ii)

Vue -Serie

1. Implementieren Sie die Ereignisbus -Kommunikationsmethode in VUE
2. Einfacher handgeschriebener Vuex
3. Einfacher handgeschriebener Vue -Router
4. Nehmen Sie in die Anfangserfahrung von Vue3

Tägliche Zusammenfassung

1. Methode, um den Maximalwert im Array zu erhalten
2. Eine Zusammenfassung der gemeinsamen Operationen von nativem JavaScript DOM
3. Zusammenfassung der JavaScript -Array -Methoden
4. Handgeschriebene Anti-Shake- und Drosselungsfunktionen
5. Induktion und Sortierung von Front-End-Cross-Domain-Lösungen
6. Front-End-SEO-Optimierung basierend auf SSR/SSG + Gatsby
7. Unterschiede zwischen Escape, Encodeuri, Encodeuricomponent
8. Front -End -Sicherheit - XSS und CSRF
9. Native Mediarecorder -API -Bildschirmaufzeichnung und Lernaufzeichnungen
10. Realisieren Sie die Front-End-Bildschirmaufzeichnung basierend auf dem WEBRTC-Video-Streaming
11. Webarbeiter lernen
12. Eine detaillierte Erklärung der Grundlagen von Webrtc
13. Lerna und Garnnoten

Front-End-Ingenieurwesen

1. Verwenden Sie Webpack von Grund auf neu, um React -Projekte zu erstellen
2. So schreiben Sie einen Webpackloader
3. So schreiben Sie ein Webpack -Plugin
4. Webpack Sourcemap Review
5. Ein Artikel hilft Ihnen dabei, über Scherzentests zu erfahren
6. Schritt für Schritt mit Travis Automated Deployment beginnen
7. Build Next.js + TS + AntD + Redux + Storybook-Projekt-Gerüst auf Unternehmensebene
8. Upgrade von WebPack5 -Praxis
9. Vite 2.0 + reagt + typecript + Antd ein einfaches Gerüst bauen
10. Klären Sie das Webpack -Wissenssystem- und Lernressourcenempfehlungen
11. Kombinieren Sie die praktische Interpretation eingehender Paket.json

Leistungsoptimierung

1. Webpack Dynamic Import React-Toastify
2. Eine kurze Analyse des Leistungspanels von Chrome Devtools
3. Meine Zusammenfassung des Front-End-Leistungsoptimierungssystems
4. Klären Sie Webarbeiter und tatsächliche Kampfszenarien

HTTP -Serie

1. Erfahren Sie den HTTP -Caching -Mechanismus
2. HTTP- und HTTPS -Protokolle
3. Überprüfen Sie den Unterschied zwischen http1.0-http1.1-http2.0

Browser

1. Verstehen Sie die Prinzipien des Browser -Renderings (Neuanordnung und Neulackierung)

CSS -Serie

1. Fußzeile hält immer den unteren auf der Seite angezeigt, wenn der Seiteninhalt nicht ausreicht, um die Bildschirmhöhe abzudecken, und es gibt Scroll -Stangen.
2. Benutzerdefinierte Kontrollkästchen
3. Ein Artikel fasst das CSS-Zwei-Spalten-Layout und das dreispaltige Layout zusammen
4. BFC vollständig verstehen
5. CSS Horizontal vertikaler Zentrierung und Zusammenfassung

Eine Sammlung kleiner Probleme, die in der Entwicklung auftreten

1. Zusammenfassung der Nutzung von SessionStorage und LocalStorage
2. Öffnen und verbieten die Seite Scrollen am mobilen Terminal
3. Vue erzielt einen Sternbewertungseffekt
4. Incapsulate Axios Interceptor, um benutzerunentsichtliche realisierbare realisierbare Access_Token zu realisieren
5. Lösen Sie das Problem der Verwendung der Eingabemethode zur Eingabe in das React -Eingangsfeld

Plug-in-Serie

1. Swiper Custom Pager
2. Vue-Awesome-Swiper Modify die Farbe der Karussellbildpagination
3. Das übergeordnete Element von Swiper befindet sich in einem versteckten Status -Scrolling -Effektversagensproblem

PostScript

Wenn Sie es mögen oder sich inspirieren lassen, sollten Sie auf Stars eingeladen werden. Ermutigt Ihre Ermutigung die Motivation für meine kontinuierliche Schöpfung?