The latest JavaScript specification standardizes a well-balanced and thoughtful set of features, including the built-in global Iterator, new Set methods, improvements to regular expressions, and more. This year’s update to the JavaScript specification covers a lot of ground. The headline addition is the new built-in Iterator object and its functional operators. Other updates include new Set methods, a direct JSON module… Continue reading ECMAScript 2025: The new features in JavaScript
Tag: javascript
create-threexrapp — Three.js + WebXR starter generator
This package scaffolds a ready-to-run Three.js + WebXR project that includes physics, a player controller, and VR helpers. Important: do NOT run npm i create-threexrapp my-app — that syntax installs packages and will not create a new project. Correct usage (recommended): Using npx (recommended): npx create-threexrapp my-app or via npm init: npm init create-threexrapp@latest my-app What the… Continue reading create-threexrapp — Three.js + WebXR starter generator
How to Export Formatted Excel Reports Using ExcelJS in JavaScript
This example demonstrates how to generate a styled Excel report using ExcelJS in JavaScript. It includes custom headers, conditional formatting, column alignment, and dynamic column width adjustment. import ExcelJS from ‘exceljs’; import { saveAs } from ‘file-saver’; const downloadReport = async (reportData, options = {}) => { try { const { centerAlignedCols = [‘Quantity’], rightAlignedCols… Continue reading How to Export Formatted Excel Reports Using ExcelJS in JavaScript
How to persist Pinia variables in vue js
In command prompt enter the command npm i pinia-plugin-persistedstate Add the plugin to pinia import { createPinia } from ‘pinia’ import piniaPluginPersistedstate from ‘pinia-plugin-persistedstate’ const pinia = createPinia() pinia.use(piniaPluginPersistedstate) Add the persist option to the store you want to be persisted: import { defineStore } from ‘pinia’ export const useStore = defineStore(‘store’, { state: ()… Continue reading How to persist Pinia variables in vue js
Handling String Comparison Issues Caused by HTML Encodings and Line Breaks
Overview During implementation, we encountered an issue where string values were not matching correctly due to inconsistencies in how they were stored and compared. Specifically: Some values contained HTML entities like < and > instead of < and >. Some values included HTML line breaks (<br>), carriage returns, or multiple spaces. As a result, direct… Continue reading Handling String Comparison Issues Caused by HTML Encodings and Line Breaks
LatheGeometry
Creates meshes with axial symmetry like vases. The lathe rotates around the Y axis. Code Example const points = []; for ( let i = 0; i < 10; i ++ ) { points.push( new THREE.Vector2( Math.sin( i * 0.2 ) * 10 + 5, ( i – 5 ) * 2 ) ); }… Continue reading LatheGeometry
Disable Note Tab and Email Tab In Edit Mode OF Parent Reocrd
Create a virtual field and inject this code “DEFAULT_VALUE” : ` <style> #newhist, #newmessage, #addmessage, #newmail, #newpdf, #newfax, #refreshmessages, #messagehistory { opacity: 0.5 !important; cursor: default !important; } </style> <script> (function () { function neutralizeElement(el) { if (!el) return; el.disabled = true; el.style.opacity = ‘0.5’; el.style.cursor = ‘default’; el.style.pointerEvents = ‘auto’; [‘click’, ‘mousedown’,… Continue reading Disable Note Tab and Email Tab In Edit Mode OF Parent Reocrd
MatCaps
MatCap (Material Capture, also known as LitSphere) are complete materials, including lighting and reflections, so you can add it to an object and not have any need for, well, lighting and reflections. MatCaps allows you to create a surface material and lighting environment simply by painting an object so that it looks like how you want your… Continue reading MatCaps
Fluid Engine
The general Architecture of the engine is as follows: it has a Fluid Simulator class, which you need to properly initialize before use, and deintialize before you switch out of the scene or close the game, and Fluid GPU Resrouce class, where you need to do the same. Once you have the initialization behind you, you can build a… Continue reading Fluid Engine
Styling Console Logs
Provided is a sample code used to style the console logs console.log(‘%cStyled Log’, ‘color: blue; font-size: 20px;’);