便签javascript
用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 ......
Promise在JavaScript中的工作原理——全面的新手指南
JavaScript 具有执行异步（或异步）指令的能力。这些指令在后台运行，直到它们完成处理。 异步指令不会阻止 JavaScript 引擎主动接受和处理更多的指令。这就是 JavaScript 本质上是非阻塞的原因。 JavaScript 中有一些异步特性，其中之一就是Promises。要使用 p ......
JavaScript中数组（Array）与对象（Object）中的检索方式
这里只是要说明一点，数组（Array）和对象（Object）都可以用[...]的方式来进行检索 [...]中包含的需要是一个表达式，这个表达式的值最终会以字符串的形式被使用 因为不论是数组（Array)还是对象（Object），他们都是以键值对的形式存储内容的，而所有的键的数据类型都是字符串（Arr ......
JavaScript中的switch
在switch中，case判断只是用来决定代码执行的起始位置，离此起始位置最近的break决定了代码执行的终止位置。 所以，一般来讲，都要在每一个case判断执行语句结束之后，要加上一个break。但是，当几个不同的值需要执行相同的代码时，省略break就成了一种非常简便的操作了。 同时，还应该加上 ......
JavaScript中的数据类型转换
不论是JavaScript中的强制数据类型转换还是手动数据类型转换，我们一般只考虑三种变量类型。 即 字符串类型（string）、数字类型（number）、布尔类型（boolean） 对一个变量进行重新赋值操作（赋值成为另外之中变量类型）不叫作数据类型转换，这里讨论的数据类型转换一般出现在表达式中。 ......
关于JavaScript中的NaN
NaN表示无效数字，属于数字类型。 有点类似于undefined，为一个变量赋值为undefined后，表示这个变量没有值。 当一个变量或者表达式值为NaN的时候，意味着这个变量或者表达式的值属于数字类型，但是这个数字不合法（无效），就统一用NaN来和谐（替换）掉了。 ......
javascript现代编程系列教程之二——IIFE
IIFE（Immediately Invoked Function Expression，立即执行函数表达式）是一个在定义后立即执行的JavaScript函数。它具有以下特点： 1. 是一个匿名函数：通常情况下，IIFE 是一个没有名字的函数，称为匿名函数。 2. 立即执行：这个函数在声明后立即被调 ......
javascript现代编程系列教程之一：区块作用域对VAR不起作用的问题
在JavaScript中，使用`var`声明的变量具有函数作用域，而不是块级作用域。这意味着在一个函数内部，使用`var`声明的变量在整个函数范围内都是可见的，包括嵌套的块（如`if`语句、`for`循环等）。为了避免区块对`var`不起作用的问题，你可以采用以下方法： 1. 使用`let`和`co ......
javascript:eval()的用法
eval() 是 JavaScript 中的一个全局函数，它可以计算或执行参数。如果参数是表达式，则 eval() 计算表达式；如果参数是一个或多个 JavaScript 语句，则 eval() 执行这些语句。 以下是一些常见的用法： - 计算表达式的值：`var result = eval("3 ......
javascript反编译工具javascript-obfuscator的环境搭建
javascript-obfuscator的项目和文档地址：https://github.com/javascript-obfuscator/javascript-obfuscator # windows端 ## 安装nodejs环境 打开nodejs安装包，一直点NEXT，默认设置安装即可。安装后 ......
JavaScript的变量
JavaScript中的变量没有数值类型的声明，并且，JavaScript的变量本身就包含了变量类型和变量值两个属性。 给变量赋值为undefined，或者不给变量赋值（未初始化），就意味着这个变量没有值（也没有数据类型）。 给变量赋值为null，也不知道意味着啥，只不过在typeof运算符的结果是 ......
javascript WebUploader 分片上传
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素： 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da ......
Javascript中的内存（垃圾）回收机制
JavaScript 具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行 常见的垃圾回收方式：标记清除、引用计数方式。 一、标记清除方法 1、工作原理:【标记“离开环境”的就回收内存】 当变量进入环境时，将这个变量标记为“进入环境”。 当变量离开环境时，则将其标记为“离开环境”。 2、 ......
this 之谜揭底：从浅入深理解 JavaScript 中的 this 关键字（二）
## 前言 > 系列首发于公众号[『前端进阶圈』](https://mp.weixin.qq.com/s?__biz=MzkyOTI2MzE0MQ==&mid=2247485576&idx=1&sn=5ddfe93f427f05f5d126dead859d0dc8&chksm=c20d73c2f57 ......
V8是如何执行JavaScript代码的？
## 前言 一般来讲，电脑是不能直接运行我们的`javascript`代码的，它需要一个翻译程序将人类能够理解的编程语言 JavaScript，翻译成机器能够理解的机器语言。目前市面上有很多种 JavaScript 引擎，诸如 SpiderMonkey、V8、JavaScriptCore 等。而由谷 ......
Javascript考试复习
# 登录页面 ```html 登录页面 登录页面 注册 忘记密码 © 2023 MrFlySand ``` ```html 首页 首页：登录成功 ``` # 轮播图1  Tree: When a web page is loaded, the browser reads the HTML and builds the DOM tree. The DOM is a tree-like structure that ......
[Javascript] async / defer
normal script, without async defer: Script fetched and executed immediately, before browser continues parsing the page (It stops HTML parsing). If the ......
Odoo 通过Javascript调用模型中自定义方法
实践环境 Odoo 14.0-20221212 (Community Edition) 代码实现 在js脚本函数中调用模型中自定义方法： this._rpc({ model: 'demo.wizard', // 模型名称，即模型类定义中 _name 的值 method: 'action_select ......
JavaScript中map数据结构的使用及示例
# 前言 > Map是ES6新增的一种数据结构，它类似于对象，但可以使用任意类型的值作为键，并且可以保持插入顺序。以下是JavaScript中Map数据结构的使用及示例： #### 原文地址：[https://www.ngxcode.com/archives/716.html](https://ww ......
JavaScript学习笔记：Web安全模型
为了保证安全，浏览器中的JavaScript不能读写设备中的文件，也不能访问任意的服务器。 ## 同源策略 同源策略指的是脚本只能访问与包含它的文档同源资源。 源是指文档URL中的协议、主机与端口部分，完全相同则是同源，任意一项不同都不是同源。 脚本文件的URL与同源策略毫不相干，同源策略至于脚本的 ......
JavaScript学习笔记：客户端编程之异常处理
## 未被捕获的异常 在程序中，往往会出现异常。虽然主动捕获这些异常是保证程序健壮的必要做法，但是难免会漏掉一些。 对于未被捕获的异常，浏览器会在控制台显示一条错误信息，该信息包含异常信息和其在代码中出现的位置。 ## window.onerror Window对象有一个onerror属性，将其指定 ......
javascript简单介绍
javaScript简介 介绍：一种弱类型世界上最流行的脚本语言，其源代码不需要经过编译，而是由浏览器直接运行，控制网页的行为。 表现层CSS css层叠样式表是一门标记语言，并不是编程语言，因此不能进行自定义变量，不可以引用等，就是不具备任何语法支持。 前端人员提供了一种css的预处理器，提供cs ......
JavaScript学习笔记：任务执行机制及事件循环
## 任务执行机制 javascript程序是单线程运行的，意味着执行多个任务需要将它们排队。 根据应用场景的不同，任务被分为同步任务与异步任务。 同步任务即是立即执行的代码，由JavaScript线程执行。 异步任务是由宿主环境开辟 基于回调实现的。 ## Javascript的单线程与宿主环境的 ......