Freaks City

Webpack 4.x basic setup. This is a summary from an expert, but when I rewrote the demo using Webpack 5, I found several issues. 1: CleanWebpackPlugin Correct approach: const { CleanWebpackPlugin } = require('clean-webpack-plugin'); plugins: [ new CleanWebpackPlugin(), // folders to clean ] 2: merge Correct usage: const { merge } = requir ...

TypeScript extends JavaScript by adding static typing capabilities, cmopiling down to plain JavaScript that runs across all platforms and environmenst. Acquisition Methods for TypeScript Tools Install via npm npm install -g typescript Install the TypeScript plugin for Visual Studio In TypeScript, variable types are declared using the col ...

Regular Configuration Enable Drawing Mode To use the pencil tool, first enable drawing mode by setting isDrawingMode to true when initializing the canvas. Here’s the base code: <canvas id="fabricCanvas" width="500" height="400" style="border: 1px solid #ccc;"></canvas> <script> const ...

This article explains the Vue reactivity system through a simplified custom implementation. It covers four core classes: Subscriber, TemplateCompiler, Dependency, and ReactiveObserver, following the publish-subscribe pattern. Core Classes Subscriber: Observes data changes and executes callbacks. TemplateCompiler: Parses the DOM, handles interp ...

Vue Frontend Framework Learning: V2 → V3, JS → TS Install Vue snippet plugins: Vue3 Snippets and Vetur. Quickly generate Vue templates using <v+enter. **Arrow functions bind this to the outer lexical scope. Functions managed by Vue should be written as regular functions (not arrow). For non-Vue-managed callbacks (e.g., timers, Ajax, Promises ...

Given an integer array nums of even length, you need to split it into two arrays, nums1 and nums2, such that: nums1.length == nums2.length == nums.length / 2. nums1 contains distinct elements. nums2 also contains distinct elements. If such a split is posssible, return true; otherwise, return false. Examples Example 1: Input: nums = [1,1,2,2,3 ...

To hide a specific column in an ASP.NET GridView while still retainign access to its data on the client side, follow these steps: 1. Attach the OnRowDataBound Event In your .aspx markup, ensure the GridView inlcudes the OnRowDataBound handler: <CimesUI:CimesGridView ID="gvShow" runat="server" AutoGenerateCo ...

Given an integer array `arr` and an integer `k`, the goal is to identify the `k` strongest values. The strength of an element is determined by its absolute difference from the array's median. Let `m` be the median of the array. An element `arr[i]` is considered stronger than `arr[j]` if either condition is met: `|arr[i] - m| > |arr[j] - m|` ...

The location Object The location object, a property of window, exposes the current page's URL and lets you redirect the browser. Common properties include href, hostname, port, pathname, and hash. You can navigate programmatically by assigning a new URL to location.href, using location.assign(), or by replacing the current entry with location.r ...

Creating a Vue 3 SPA Two recommended approaches exist for scaffolding a Vue 3 project: Vite – minimal, fast, exclusively for Vue 3.x Vue CLI – feature-rich, supports both Vue 2.x and Vue 3.x Template Root Elements Unlike Vue 2.x, Vue 3.x allows multiple root nodes inside a <template>. A wrapper <div> is no longer mandatory. Dynami ...