Skip to main content

Technical Notes

It's not whether you get knocked down, it's whether you get up.

It's never too late to learn.

This is a collection of technical notes and Q&A compiled during my journey in frontend development. If you'd like to read more about my thought processes and career stories, feel free to visit the Blog.

📚 Domain Overview​

🌐 Browser & Network​

Exploring browser rendering principles, HTTP protocols, and network transmission mechanisms.

📒 JavaScript Ecosystem​

Covering core concepts of JavaScript and TypeScript, including closures, prototype chains, and other in-depth analyses.

⚛️ Frontend Frameworks​

Framework principles, lifecycle, state management, and best practices for React and Vue.

🎨 CSS & UI​

Style handling, layout techniques, and modern CSS features.

🛡️ Web Security​

A comprehensive analysis from CSRF/XSS attack principles to JWT/Session authentication implementation.

🛠️ Engineering & Tools​

Frontend engineering tools, bundling strategies, and advanced performance optimization techniques.

💼 Experience​

Interview preparation and real-world experience sharing.

⌨️ Coding​

Hand-written Lodash function implementations and advanced JavaScript exercises.

📊 LeetCode​

Algorithm solutions and approach notes.

🤖 AI​

AI Prompts and tool application notes.

When you find yourself unable to explain the content of your notes fluently, it means it's not simple enough. Add examples wherever possible to reinforce understanding.