便签javascript
在JavaScript中实现Promise对象
class Promise2 { #status = 'pending' constructor(fn){ this.q = [] const resolve = (data)=>{ this.#status = 'fulfilled' const f1f2 = this.q.shift() if( ......
JavaScript的数学计算库：decimal.js
An arbitrary-precision Decimal type for JavaScript. ## 功能 - 整数和浮点数 - 简单但功能齐全的 API - 复制 JavaScript 和对象的许多方法`Number.prototype` `Math` - 还处理十六进制、二进制和八进制值 ......
JavaScript中var、let、const的使用和区别
## var： - var 是声明变量的主要关键字，它的作用域是函数作用域 - 函数作用域：意味着变量在函数内部声明是可见的，在函数外部声明是不可见的 - var 声明的变量可以被重新声明和赋值，它可以在同一个作用于下多次声明同一个变量 ## let： - let 的作用域是块作用域，块作用域可以是 ......
[Javascript] Layout > Paint > Composite
Layout: This step invovles determining the geometry of the page. The browser calculates where each element will be on the screen, considering factors ......
Understanding JavaScript Garbage Collection: Dive into Reference Counting and Mark-and-Sweep Algorithms
JavaScript, the programming language of the web, is often praised for its ability to handle memory management automatically. The JavaScript engine's g ......
在 JavaScript 中，判断一个对象是否为空有几种方法。
1. 使用 `Object.keys()` 方法检查对象的键值对数量： ```javascript function isObjectEmpty(obj) { return Object.keys(obj).length 0; } // 示例用法 const obj1 = {}; console.l ......
JavaScript 显示数据
## JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： - 使用 **window.alert()** 弹出警告框。 - 使用 **document.write()** 方法将内容写到 HTML 文档中。 - 使用 **innerHTML** 写入到 HTML 元 ......
便签页面仿写
<style> body { background-color: #f6f6f6; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; } .container { max-widt ......
JavaScript学习笔记：文档几何与滚动
## 文档坐标、窗口坐标和容器坐标 文档中元素的位置以CSS像素度量，有两种参考系，一是文档左上角，二是窗口左上角。基于这两个原点的两个坐标系被称作文档坐标与窗口坐标。 由于CSS的overflow属性允许文档中的元素包含的内容超出其所能显示区域，此时元素有自己的滚动条，其作为自身内容的窗口，而不是 ......
JavaScript学习笔记：操作CSS
## 操作CSS类 Element对象的classList属性是一个DOMTokenList对象，它是一个类数组对象，可迭代；有可以像Set对象那样添加和移除元素。 ``` ELement.classList.add('hidden'); Element.classList.remove('hidd ......
JavaScript之Object.defineProperty()
## 1. 对象的定义与赋值 经常使用的定义与赋值方法`obj.prop =value`或者`obj['prop']=value` ```js let Person = {}; Person.name = "Jack"; Person["gender"] = "female"; console.lo ......
编译器设计中的元编程：从Python到JavaScript的实现
[toc] 编译器设计中的元编程：从Python到JavaScript的实现 随着编程语言的发展，编译器的实现也在不断地演变。编译器的实现方式有很多种，其中元编程(metaprogramming)是一种非常有趣的实现方式，它可以通过编写程序来控制编译器的行为。在本文中，我们将介绍编译器设计中的元编程 ......
JavaScript & TypeScript 学习总结
@[TOC](JavaScript & TypeScript 学习总结) # JavaScript ## JavaScript BOM对象 BOM（Browser Object Model）对象是指浏览器对象模型，它提供了与浏览器窗口进行交互的对象和方法。例如，window 对象就是 BOM 的一部 ......
javaScript核心知识点
一、JavaScript 简介 一、JavaScript语言的介绍：JavaScript是基于对象和原型的一种动态、弱类型的脚本语言 二、JavaScript语言的组成：JavaScript是由核心语法(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)组成的 三、JavaSc ......
Chrome 禁用 javascript
步骤 1. 打开控制台：右键 > 检查 2. 在控制台 页面 快捷键 ctrl+shift+p 然后输入 javascript 找到 disabled javaScript. 解除禁用： ctrl+shift+p 然后输入 enable javaScript找到 enable javaScrip. ......
一起学习，简单易懂的JavaScript（一）
1.算术运算符（ +、-、*、/、%、** ）： 加减乘除取余幂次方都会按照数值的运算规则，加号一边为字符就会转为字符的运算规则。都可能会发生隐式类型的转换。 2.关系运算符（>、>=、<、<=、==、 、!=、!==）： 按照只要一边是数值，都会按照数值的比较规则；会有隐式类型的转换；其他转数值 ......
javaScript基础语法之正则表达式
##正则表达式规则 | 表达式 | 描述 | | | | | [0-9] | 查找任何从 0 至 9 的数字。例如，匹配： '111' ，不匹配：'eee' | | [abc] | 查找方括号之间的任何字符。例如，/[123]/ 匹配 "1234567" 中的 "123"，"1" 中的 "1"。但是 ......
7个必备JavaScript优化技巧，CodeGeeX 5秒搞定了！
JavaScript，目前成了使用最广泛的编程语言。这篇文章给出的是一些 JavaScript 的优化技巧，这些技巧帮助开发者编写出更好的代码。当写完这些代码段之后，我突然意识到，所有的这些代码段，由于它们的常用性，非常适合用AI辅助编程工具CodeGeeX来自动生成。 下载使用——[CodeGee ......
javascript，js，node.js等之间的区别
javascrip简称为js，是一门语言。 node.js是一个平台。 https://blog.csdn.net/liuxiaoniudechuntian/article/details/109830258 ......
JavaScript 数组展平方法： flat() 和 flatMap()
# JavaScript 数组展平方法： flat() 和 flatMap() 从 ES2019 中开始引入了一种扁平化数组的新方法，可以展平任何深度的数组。 ### flat `flat()` 方法创建一个新数组，其中所有子数组元素以递归方式连接到特定深度。 > 语法：array.flat(dep ......
防止Javascript重新排序JSON
javascript中的对象为什么会按照键来自动排序? 原因： javascript中的对象按照键来自动排序是浏览器造成的，经查V8的相关文档得出以下结论：Chrome浏览器下创建的js对象数组会自动按照键排序、FireFox99.0版本（最新版本）会，FireFox 4.0.1不会。 解决方法： ......
编译器设计中的元编程：从Python到JavaScript的实现
[toc] 编译器设计中的元编程：从Python到JavaScript的实现 随着编程语言的发展，编译器的实现也在不断地演变。编译器的实现方式有很多种，其中元编程(metaprogramming)是一种非常有趣的实现方式，它可以通过编写程序来控制编译器的行为。在本文中，我们将介绍编译器设计中的元编程 ......
javaScript语言学习指南
简介 关于 JavaScript 的入门学习教程，网上通常会推荐以下书籍： 《JavaScript权威指南》（其中涵盖语言核心部分和浏览器客户端编程，比较系统和全面，个人比较推荐，电子版下载（中文版），英文版） 《JavaScript高级程序设计》（作为参考书与《JavaScript权威指南》一起参 ......
Javascript：正则表达式初学者指南（Regex） [a-zA-Z0-9]{4} 表示 包含大小写字母或者数字的字符串长度是4
Javascript：正则表达式初学者指南（Regex） [a-zA-Z0-9]{4} 表示 包含大小写字母或者数字的字符串长度是4 https://www.w3cschool.cn/article/55107251.html 正则表达式是形成可以在字符串中搜索的模式的一组字符。正则表达式可用于验证 ......
一些JavaScript单行代码
### 数组去重 从数组中删除所有重复值，实现方式非常多，我们这里就说最简单的方式，一行代码搞定： ``` const uniqueArr = (arr) => [...new Set(arr)]; console.log(uniqueArr(["前端","js","html","js","css" ......
碎片化学习前端之JavaScript（JS 压缩图片）
## 前言 图片压缩是前端开发中常见的需求，目前前端主流的解决方案有：Canvas 手动实现压缩以及第三方库压缩两种方案。 ## Canvas 手动实现压缩 Canvas 实现压缩主要原理是：将图片绘制到 canvas 上，然后通过调整 canvas 的宽高来实现压缩。 ```js function ......
JavaScript开发工具-WebStorm 2023 mac/win版
WebStorm是一款由JetBrains开发的JavaScript开发工具，是专为JavaScript开发者设计的集成开发环境（IDE）。它提供了强大的功能和工具，能够帮助开发者更高效地编写、调试和维护JavaScript代码。 →→↓↓载WebStorm 2023 mac/win版 WebSto ......
JavaScript中将字符串转换为数字的七种方法总结 乘以数字： str = '2344'； console.log(str * 1) // expected result: 2344
JavaScript中将字符串转换为数字的七种方法总结 乘以数字： str = '2344'； console.log(str * 1) // expected result: 2344 https://www.jb51.net/article/261613.htm +目录1. 使用 parseIn ......
JavaScript内存限制
JavaScript memory limit JavaScript应用程序可以存储的最大数据量是多少？ 我猜这是由浏览器处理的，每个浏览器都有其局限性吗？ 如果没有限制，将创建页面文件吗？ 如果是这样，那不安全吗？ 相关讨论 有一些限制，尽管这些取决于浏览器。 例如，Firefox对堆栈空间以及过 ......
javascript现代编程系列教程之七——字符集（七）
- **Unicode**：Unicode 是一个字符集（Charset），包含了世界上所有的字符。每个字符在 Unicode 中都有其唯一对应的数字编号，这就是我们常说的 Unicode 码。 - **UTF-8**：UTF-8 是 Unicode 的实现方式之一。UTF-8 使用一至四个字节为每 ......