Understanding CSS Positioning Properties
Static Positioning
Elements follow the normal document flow without any special positioning behavior.
Relative Positioning
Elements are positioned relative to their normal position in the document flow. The original space occupied by the element is preserved, and the element does not break out of the normal flow.
Absolute Positioning
Elements a ...
Posted on Wed, 16 Sep 2026 15:59:54 +0000 by madolia
WeChat Mini Program View Layer Scripting with WXS
WXS (WeiXin Script) is a lightweight, sandboxed scripting language designed exclusively for the view layer in WeChat Mini Programs. It operates alongside WXML to enable dynamic rendering and data transformation directly within templates.
Key Characteristics
WXS runs independently of the JavaScript execution context and cannot access global JS ...
Posted on Fri, 11 Sep 2026 16:31:30 +0000 by GuitarheadCA
Vue.js Core Concepts for Frontend Interviews
Why Must data Be a Function in Vue Components?
In Vue components, the data option must be a function that returns an object. This ensures each component instance gets its own isolated data object. If data were a plain object, all instances would share the same reference, leading to unintended side effects where changes in one instance affect ot ...
Posted on Fri, 11 Sep 2026 16:27:01 +0000 by joshmpratt
Applying Visual Overlays to Mask Canvas Content in Fabric.js
When using Fabric.js, the overlayColor property provides a straightforward way to mask everything on a canvas by drawing a layer above all visual content.
Configuring the Overlay Layer
During instantiation, pass overlayColor along with other canvas options:
<canvas id="surface"></canvas>
<script>
const surface = n ...
Posted on Fri, 11 Sep 2026 16:14:13 +0000 by crusty_php
Vue 2 Routing Fundamentals and Deployment
Routing in Vue 2
A route defines a mapping between a URL path and a component. The Vue Router manages multiple such routes.
Basic Setup
Install the router:
npm install vue-router
Register the plugin and mount the router:
import Vue from 'vue';
import App from './App.vue';
import VueRouter from 'vue-router';
import appRouter from './router' ...
Posted on Thu, 10 Sep 2026 16:17:04 +0000 by wee493
Mustache Template Syntax Reference
Mustache is a logic-less template engine widely used for generating HTML pages and dynamic content. The syntax consists of a minimal set of tags that handle variable interpolation, conditional rendering, loops, and partial templates.
Syntax Overview
{{variable}} - Variable interpolation
{{#section}}{{/section}} - Section/block rendering ...
Posted on Tue, 08 Sep 2026 16:57:02 +0000 by morphius
Comprehensive JavaScript Fundamentals for Frontend Interviews
Computer Networking Interview Questions - Essential for Frontend Roles
CSS Interview Summary - Core Concepts - Study Guide
Vue Interview Questions - Core Concepts - Component Details - Vue Ecosystem - Source Code Analysis
This article covers JavaScript interview questions with both questions and answers. For deeper insights, refer to my detai ...
Posted on Sat, 05 Sep 2026 16:21:35 +0000 by bawla
WeChat Mini Program Select Dropdown Component
1. Source Code
https://github.com/imxiaoer/WeChatMiniSelect
2. Preview
Note: The screen recording quality is poor, so you might see ghosting artiafcts.
3. Component Code
3.1 select.wxml
<view class="select-box">
<view class="select-current" catchtap="toggleDropdown">
<text class="current- ...
Posted on Fri, 04 Sep 2026 16:40:21 +0000 by misty
Understanding the CSS Box Model
In HTML, each element is represented as a rectengular "box" composed of the following parts: 1. Border (border), 2. Content (content), 3. Padding (padding), and 4. Margin (margin).
Border
Basic Property
Description
border-width
Thickness
border-style
Style
border-color
Color
Note: The border-style property defaults to ...
Posted on Thu, 03 Sep 2026 16:14:16 +0000 by Horizon88
Implementing CRUD Operations and Popup Interactions with LayUI
To streamline development of data management interfaces, creating reusable templates for CRUD (Create, Read, Update, Delete) operatiosn proves efficient. LayUI offers components for building such interfaces with consistent styling and behavior.
User List Interface The list view features search controls, action buttons, and a data table. Below i ...
Posted on Mon, 31 Aug 2026 16:33:55 +0000 by aviatorisu