I recently spent quite a bit of time installing WSL2 (Windows Subsystem for Linux) on my computer. Here's my detailed installation guide and the lessons learned along the way.
Read Full Article about Installing WSL2 on Windows - My Experience and Tips
Sharing my Cursor learning notes and effective usage methods.
I tried using the email laundry method from the book "Uptime" to organize my Gmail, and the moment I finished organizing it, I truly felt mentally and physically refreshed.
Read Full Article about Using the "Email Laundry Method" to Organize My Inbox
A closure is when an inner function can access variables from an outer function and remembers these variables.
Hoisting is a concept that describes how JavaScript stores variable and function declarations in memory during the compilation phase.
Scope is the concept that determines where variables are accessible within your code, including global, function, and block scopes.
Read Full Article about JavaScript Scope and Scope Chain Explained
Due to binary representation and limited computer memory, 0.1 + 0.2 = 0.30000000000000004.
Read Full Article about Why Isn't 0.1 + 0.2 Exactly 0.3 in JavaScript?
Map/WeakMap are data structures similar to Objects, while Set/WeakSet are similar to arrays.
Read Full Article about Understanding Map, WeakMap, Set, and WeakSet in JavaScript
Map was introduced in ES6, while Object was traditionally used as a Map before ES6.
Big O is a mathematical notation used to describe algorithm efficiency, primarily focusing on input scale, growth patterns, and worst-case scenarios.
JavaScript has two main data types: primitives and objects. Primitives include String, Boolean, Number, BigInt, Undefined, Null, and Symbol; objects include Array, Function, and Objects.
null can be understood as nothing; undefined can be understood as not yet; undeclared refers to never having been declared.
Read Full Article about The Differences Between null, undefined, and undeclared in JavaScript
== performs type coercion and value comparison; === doesn't perform type coercion but compares values; Object.is() compares if two values are the same.
Read Full Article about Differences between ==, === and Object.is() in JavaScript
var, let, and const are reserved keywords used for variable declaration in JavaScript. Initially, only var was available until ES6 introduced let and const.
Read Full Article about Understanding var, let and const in JavaScript
In JavaScript, prototype is a crucial concept in object-oriented programming, serving as the key to implementing inheritance and property sharing.
In JavaScript, the value of 'this' is dynamic and typically determined by how a function is called. Therefore, what affects the value of 'this' is not when it's declared, but where it's invoked.
An overview of React based on the book "React Thinking Evolution", aiming to provide a big picture of the entire React ecosystem.
Semantic HTML means developing with HTML tags that convey meaning.
RWD is a design approach that allows websites to adjust across various devices and screen sizes, presenting content in an optimized way.
CSS Grid is a powerful two-dimensional layout system that helps you control the arrangement and size of web elements more flexibly.
CSS Flexbox is a powerful layout model that helps us simplify and make webpage element layouts more flexible.
Read Full Article about CSS Flexbox Implementation Cheatsheet
ChatGPT Prompt Engineering for Developers is a famous course launched by DeepLearning.AI after the emergence of generative AI, serving as a comprehensive AI prompt guide suitable for everyone.
Read Full Article about Key Notes from "ChatGPT Prompt Engineering for Developers" Course
splice modifies the original array, allowing insertion, deletion, or both simultaneously; slice extracts a portion of an array or string, returning a new array or string without modifying the original; split divides a string into an array based on a specified separator, leaving the original string unchanged.
Read Full Article about Understanding splice, slice, and split in JavaScript
Notes from the AI Your Summer series event on June 13, 2023.
Read Full Article about Software Teams and GAI - Successes and Failures in AI Collaboration
Git is a distributed version control system mainly used to manage and track code changes, particularly suitable for collaborative development projects.
Read Full Article about Git Implementation Cheatsheet for Beginners
The CSS display property determines how an element is arranged on a page and affects the layout of its internal and surrounding elements.
