杂项javascript
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 ......
防止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 使用一至四个字节为每 ......
用JavaScript绘制树状图（具有分支合并功能）的一种方法（其一）
## 需求分析 在很多模拟经营游戏中，科技树是一项重要的内容，其为玩家提供了各项技术与其前后置科技间的拓扑关系。这些科技树在表现形式上和普通树状图很相似，但由于其频繁的分支合并，为科技树的绘制带来困难。因此，我们需要一种简单的方法来绘制科技树。 比如，当用户输入： ``` *四年计划 **西墙防线 ......
javascript现代编程系列教程之六——parseInt()整数转换
在 JavaScript 中，`parseInt()` 函数会将其参数转换为字符串，然后解析该字符串，并返回一个整数或 `NaN`。如果 `parseInt()` 函数的参数是一个非常大的浮点数（如 `1000000000000000000000.5`），那么它首先会被转换为科学记数法的字符串形式（ ......
javascript现代编程系列教程之五——正零和负零
在JavaScript中，正零（+0）和负零（-0）都代表数值0，它们在大多数情况下是等价的。然而，在某些特定的场景下，正零和负零的行为会有所不同。 1. **除法操作**：当0被用作除数时，正零和负零会产生不同的结果： ```javascript console.log(42 / +0); // ......
JavaScript学习笔记 - 语法篇 - 一句废话没有版
> 写在前面： > **绝不废话！放心食用** > **JavaScript语法很简单，可以直接在控制台调试理解** [TOC] ## 1、变量和常量 ```javascript /** * var : 全局作用域，生命周期问题，容易冲突 * let ：值可以被修改 * const ：不可被修改 * ......
javascript现代编程之四——数值的进制和表示方法
在JavaScript中，数值可以以不同的进制表示： 1. **十进制**：这是我们最常用的进制系统。例如：`let decimal = 123;` 2. **二进制**：数值前面加上 `0b` 或者 `0B`。例如：`let binary = 0b1011; // 等于十进制的11` 3. **八 ......
javascript现代编程系列教程之三——数值表示方式
在64位浮点数的表示中，我们使用了一个叫做"偏移二进制"的技术来存储指数。这是因为我们需要在有限的位数（在这种情况下是11位）内表示正数和负数。 让我们更详细地解释一下： 1. **符号位**：浮点数的最高位是符号位，0代表正数，1代表负数。 2. **指数部分**：接下来的11位用于存储指数。但是 ......
JavaScript 动态编辑元素某属性值（例如：元素div的class属性）
元素 <div class="h5-box-search-item usimglist nodisplay" id="usimglist"></div> （满足条件）动态更新div元素的class属性值： // 获取目标容器 let usimglist = document.getElementBy ......