website·Indexed 33 days ago
https://blog.lumir.page/A collection of technical guides and articles covering web development fundamentals, including JavaScript, Node.js, React, and Next.js. The documentation provides insights on npm packages like dotenv and Babel, Git version control best practices, HTML formatting, and software development naming conventions.
The fundamental difference between a framework and a library is the Inversion of Control (IoC), which determines who owns the application's control flow.
Key trade-offs include:
Choosing between Visual Studio Code (VS Code) and Visual Studio depends on whether you need a lightweight, extensible editor or a full-featured Integrated Development Environment (IDE).
Visual Studio Code (VS Code) is a fast, lightweight, cross-platform editor (Windows, macOS, Linux) built on Electron and Node.js. It provides basic text editing by default and relies on extensions to provide IDE-like features such as debugging, linting, and language-specific Intellisense. It is highly flexible and widely used across various roles and languages, though it requires manual configuration of development environments.
Visual Studio is a comprehensive IDE primarily for Windows and macOS. It is a 'finished product' that includes built-in support for software analysis, testing, deployment, and deep optimization for .NET and C-family languages. It is heavier and slower to load than VS Code, especially for large projects, but eliminates the need to manually configure separate development environments.
In a web browser (client) environment, JavaScript is composed of a top-level global object (window) and three primary lower-level components:
replace function with regular expression capture groups. This allows you to identify specific substitution patterns (such as {/* ... */}) and transform the inner content using a callback function before the Markdown is converted to JSX or HTML. To maintain performance, apply this conversion logic only to the necessary parts of the document rather than the entire file.// Example: Extracting and processing content within {/* ... */} substitutions
const example = '{/* Make This Sentence Lower Case */}';
const exampleProcessed = example.replace(/\{\/\*\s*(.+?)\s*\*\/\}/, (_, p1) =>
p1.toLowerCase(),
);
console.log(exampleProcessed); // 'make this sentence lower case'Running npm install without a package name downloads all dependencies listed in dependencies and devDependencies within the package.json file.
To install ONLY production dependencies (skipping devDependencies), use the --production flag. This is useful for deployment environments to reduce image size and installation time.
# Install all dependencies
npm install
# Install only production dependencies
npm install --productionUse Visual Studio Code when you need a fast, lightweight editor that works across Windows, macOS, and Linux. It is particularly well-suited for Node.js, JavaScript, and TypeScript due to built-in support, but can be extended for .NET, Unity, C++, C#, Java, Python, PHP, and Go via extensions.
Key capabilities provided via extensions include:
Enable 'Require a pull request before merging' to block direct pushes to a protected branch. This forces developers to use a separate feature branch and a Pull Request (PR) for all changes. Available sub-options include:
-, *, or + symbols. These symbols can be mixed. Indentation is used to create nested list levels, which may change the bullet shape in the rendered output.- red
- green
- blue
* red
* green
* blue
+ red
+ green
+ blueconsole.log() is used for general debugging, logging, and troubleshooting. When printing DOM elements, it outputs them in a tree structure similar to HTML, making it useful for inspecting the tag content of an element.// Example of using format specifiers with console.log()
console.log('Number: %d', 273);
console.log('String: %s', 'hi~');
console.log('Json: %j', {name:'jay'});