Freaks City

This guide covers common frontend interview questions, frequently asked topics, and technical concepts that appear in technical interviews. The content is organized by technology area and includes practical examples where applicable. HTML Fundamentals 1. What is the purpose of semantic HTML? Semantic HTML means using the correct HTML elements f ...

When working with CSS positioning and background rendering, it's essential to understand the role of the initial containing block. This foundational concept explains how elements like <body> and <html> interact with the viewport, especially when absolute positioning or background colors are applied. Consider the following HTML struc ...

This guide details the process of customizing a CSDN blog using the awescnb library. The folowing steps will help you replicate a similar setup. Blog SkinThe base skin used is "SimpleMemory". Ensure you have enabled JavaScript permissions for your blog to alow custom scripts to run. Sidebar ConfigurationAdd the following script to ...

Deep copy duplicates both values and memory addresses, creating a new independent object. Shallow copy only copies the reference address, sharing memory with the original object, so changes to the original affect the copy. For shallow copies: Direct assignment (=) Spread operator (...) Object.assign() For deep copies: JSON.stringify() follow ...

Visual Formatting Model and Box SizingThe CSS box model dictates how elements are rendered as rectangular containers on the page. It consists of four distinct areas: content, padding, border, and margin.Content-Box (Standard Model): The defined width and height apply exclusively to the content area. Padding and borders increase the total render ...

Moonlightlnk Theme Customization Customize the Moonlightlnk theme by applying custom CSS and enabling JavaScript permissions. The setup includse four key components: page CSS, sidebar announcement HTML/JS, header HTML, and footer HTML. Page CSS Code @font-face { font-family: 'CustomIcons'; font-style: normal; font-weight: normal; src: u ...

Positioning Fundamentals The position property controls element placement within the layout, working in tandem with directional offsets (top, right, bottom, left) to shift elements from their default coordinates. Relative Positioning Applying position: relative maintains the element's original space in the document flow while allowing visual di ...

Android WebViews prior to version 4.4 do not fully support the modern CSS Flexible Box Layout (display: flex). Instead, these environments rely on an older, prefixed specification: display: -webkit-box. Understanding this legacy syntax is crucial for ensuring layout compatibility on older Android devices. The -webkit-box model applies specific ...

HTML elements are universally treated as boxes in CSS, forming the core layout and design founadtion known as the CSS box model. Each box encapsulates an element and consists of four key components: margin, border, padding, and the actual content. This model enables precise control over an element’s spacing relative to surrounding elements and ...

Web animations can be implemented using either CSS or JavaScript, with the optimal choice depending on the complexity of the effect and the level of control required. Quick Guidelines Prefer CSS animations for simple, declarative transitions like toggling UI states. Use JavaScript when you need fine-grained control—such as pausing, reversing, ...