Freaks City

1. Introduction Preface Welcome back to the development of the B-side project. This week we will focus on coding the right-side settings part of the editor, completing component property settings, layer settings, and page settings. To avoid getting lost in business complexities, we'll cover several typical features and knowledge points. What ...

Understanding Component Properties Key properties of the JSelectDept component include: serverTreeData: When set to false, the component fetches flat department list from the backend and converts it to tree structure on the frontend startPid: Defines the starting parent node for tree data retrieval sync: When enabled, allows asynchronous loadi ...

Project Initialization with pnpm Some advantages: approximately 2x faster than similar tools, saves disk space... https://www.pnpm.cn/ Installation: npm install -g pnpm Creating a project: pnpm create vue ESLint & Prettier Configuration Environment Synchronization: Install the ESLint plugin and enable auto-fix on save Disable the ...

In Vue 3, $attrs aggregates all attributes passed from a parent to a child component that are not explicitly declared via props. It replaces the separate $listeners found in Vue 2. Understanding its behavior across different component layouts and API styles is essential for flexible attribute forwarding. Attribute Forwarding in Templates Single ...

CesiumJS is a powerful open-source library designed for creating interactive 3D geospatial visualizations directly in the browser. It enables developers to build rich, immersive experiences such as dynamic globes, satellite maps, terrain rendering, and spatial annotations—without requiring any plugins or native installations. The core of Cesium ...

Native Implementation To load a local image onto a Fabric.js canvas as a background, begin by initializing the canvas and handling file input. Due to browser security policies, direct access to file paths is restricted, so we use URL.createObjectURL() to obtain a temporary reference. <input type="file" id="imageLoader" on ...

This comprehensive guide covers all major component communication patterns in Vue 3.2+ using Single File Components with <script setup> syntax. Table of Contents Props Emits Expose / Ref Non-Props Attributes v-model Slots Provide / Inject Event Bus getCurrentInstance Vuex Pinia mitt.js 1. Props Parent-to-child data transfer using props ...