javascript prototype tospliced mutation
在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 元 ......
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 ......
vuex actions 和 mutations 分析,为什么官方建议 actions 里面不要直接修改 state, 为了开发工具服务器,直接修改代码也能工作,但是devtools工具丢失了他的作用
来自官方大大:区分 actions 和 mutations 并不是为了解决竞态问题,而是为了能用 devtools 追踪状态变化。事实上在 vuex 里面 actions 只是一个架构性的概念,并不是必须的,说到底只是一个函数,你在里面想干嘛都可以,只要最后触发 mutation 就行。异步竞态怎么 ......
防止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 使用一至四个字节为每 ......