杂项javascript
JavaScript 正则表达式用法
JavaScript 是一种广泛应用于 Web 开发的编程语言，正则表达式（regular expression）是其中不可或缺的重要工具。使用正则表达式，可以实现字符串的匹配、替换、分割等操作，下面将介绍 JavaScript 中的正则表达式常用语法和用法示例。 正则表达式基础语法正则表达式是一种 ......
前端JavaScript开发手册——React、Angular和Vue比较
前端框架在 Web 开发中不可或缺。它们提供结构化方法和预定义组件来简化编码过程。 这些工具还可以通过提供可重用组件和抽象复杂任务（如 DOM 操作和状态管理）来帮助提高生产力。这使开发人员可以专注于应用程序逻辑，而不是编写重复的代码。 框架通过模块化开发提高代码的可维护性，使修改或替换单个组件变得 ......
关于html-5中使用javascript-内部嵌入的方法
对于html中，这里以html5为例，要使用javascript的话，一般有两种常用的方法 其一为：直接嵌入到html5文档之中， 其二，也可以在html5中引入外部的js文件（引入时便会执行外部js文件的内容） 今天主要讲解，如下在html5页面中，内部嵌入javascript代码的方法 还是以一 ......
JavaScript如何解决单线程缺陷——webWorker
# 解决JavaScript单线程问题——webWorkers > 参考文档 [使用 Web Workers - Web API 接口参考 | MDN (mozilla.org)](https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Worker ......
前端进化笔记-JavaScript（三）
人类在白色的底色上描绘图画，地球在黑色的底色上创造生命。 #变量、作用域与内存 JavaScript的变量可以说是独树一帜。只需要一个（或两个等）关键字（const，let）就可以创建变量，创建时不考虑变量的类型，这是其他语言少有的强大功能。当然强大的功能总是伴随着问题。 ###值 > 原始值：Un ......
JavaScript上传文件
### 效果  ### 实现 ......
如何使用JavaScript或TypeScript打乱项目数组
在本文中，我们将探索如何使用 TypeScript 或 JavaScript（如果您愿意的话）以多种不同方式对项目数组进行混洗。 先决条件： 了解 TypeScript 或 JavaScript 对 For 循环和数组的基本理解 以下示例是用 TypeScript 编写的，但它们的工作方式与使用纯 ......
JavaScript复制内容到剪切板
复制内容到剪切板分两种情况，一种是从页面已有的可选元素中选中内容进行复制，一种是将Javascript代码中的字符串直接复制到剪切板。复制页面元素选中内容 html代码： <input type="textarea" id="txt" /> <button onclick="copy()">复制</ ......
记录--你真的能区分JavaScript的各种导入导出方式吗？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 🛰🛰 我们在无论是在查阅别人的代码，还是在实际项目开发的过程中，肯定都会使用导入导出的功能，有时候我们会搞混这几种方式到底有什么区别，今天我们就来细致的区分一下： 导入导出方式⚔️⚔️ 我们都知道最常见的几种导出方式无非是exp ......
Re-Declaring JavaScript Variables
If you re-declare a JavaScript variable, it will not lose its value. https://www.w3schools.com/js/js_variables.asp var a = a || '123'; 上面这个例子，如果之前a被声明 ......
®参考文档： JavaScript reference (like:Statements Block ...)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference A block statement (or compound statement in other languages) is used to group zero o ......
javascript笔记
# javascript笔记 - 获得焦点onfocus,失去焦点onblur - isNaN()判断是非数字 - undefined和数字相加 最后的结果是NaN - null和数字相加 最后的结果是数字 - typeof空格变量名 或typeof(变量名) 可以检测变量的类型 - parseIn ......
TypeScript Vs JavaScript 区别
# 一、观察 ### 1. JS 平常的复制类型 ````js let val; val = 123; val = "123"; val = true; val = [1, 3, 5]; ```` > 注意点: > 由于JS是弱类型的, 所以只要定义了一个变量, 就可以往这个变量中存储任意类型的数据 ......
详解JavaScript中的__proto__和prototype
[toc] 对于 JS 来说，`__proto__`和`prototype` 的区别是个绕不开的话题。本文就试图从它们的根本上说清楚它们是什么，又有什么区别，所以本文会从 JS 的对象开始说起，以其期待把本文的主题说透彻说明白。 # 一、JS的对象创建方法 大家都知道，在JS 的世界中有一句话：`万 ......
记录--JavaScript 中有趣的 9 个常用编码套路
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1️⃣ set对象：数组快速去重 常规情况下，我们想要筛选唯一值，一般会想到遍历数组然后逐个对比，或者使用成熟的库比如lodash之类的。 不过，ES6带来了一个新玩意儿！它引入了一个全新的对象类型：Set！而且，如果结合上...展开运算 ......
Javascript之深入浅出递归思想
Javascript之深入浅出递归思想 “递归”在生活中的一个典例就是“问路”。如图小哥哥进入电影院后找不到自己的座位，问身边的小姐姐“这是第几排”，小姐姐也不清楚便依次向前询问，问至第一排的观众后依次向后反馈结果，“我是第一排”，“我是第二排”，···，最终确定自己座位所在排数。在这个过程中充分反 ......
JavaScript 递归的简单例子
typescript+vue3 function flattenTree(tree:any, result:any) { tree.forEach((node:any) => { result.push({ id: node.id, cat_name: node.cat_name, cat_name ......
用JavaScript绘制『杨辉三角』的一种方法
``` function 杨辉三角(row_s) { var zero = [0] //zero为常量 var arr = [1] //初始化第一行 for (var j = 0; j "+arr.join(" ")+"") //打印第一行 var arr_x = zero.concat(arr) ......
JavaScript学习笔记：浏览器事件
## 概念 客户端JavaScript程序使用异步事件驱动的编程模型。 浏览器会在文档、浏览器或某些元素或与之关联的对象发生某些事情时生成事件对象。比如文档加载完成、敲击键盘输入等。 JavaScript程序可以给某些对象绑定监听器函数来监听特定的事件，在该对象上发生指定事件时，这些函数会被执行。 ......
如何使用JavaScript格式化日期 – JS中的日期格式化
日期是许多 JavaScript 应用程序的基本组成部分，无论是在网页上显示当前日期还是处理用户输入以安排事件。 但以清晰一致的格式显示日期对于积极的用户体验至关重要。 在本文中，我们将探讨在 JavaScript 中格式化日期的各种技术，使您能够以您的应用程序所需的格式显示日期。 （前端教程：ht ......
[Javascript] Microtasks exec order
button.addEventListener( 'click', (event) => { console.log('listener 1') queueMicrotask(() => { console.log('microtask') }) } ) button.addEventListene ......
杂项题解
#### JOISC2017_J Abduction 2 由于权值较高的路不会被权值较低的路线影响，所以首先考虑将 $h+w$ 条边按照权值降序排序，再考虑应该的最优决策方案。 注意到每一条路都横跨原始的矩形，这样以出发点为中心向上下左右发散就会有 4 条边构成一个小矩形。 考虑维护这个矩形每条边的 ......
JavaScript中的循环（6个）
## Loopes - for - while - do while - for of - forEach - for in #### 1. for ``` for(initialization, condition, increment/decrement) { // code goes here ......
JavaScript 递归 ，场景：比如后端传来的数据菜单列表不知道是多少层的
https://www.programiz.com/javascript/online-compiler/?ref=f8e51c16 使用递归 例子：数的阶乘 // program to find the factorial of a number function factorial(x) { / ......
C++温故补缺(二十一):杂项补充2
### 杂记2 #### explicit 在 C++ 中，explicit 是一个关键字，用于修饰类的构造函数，其作用是禁止编译器将一个参数构造函数用于隐式类型转换。具体来说，当一个构造函数被 explicit 修饰时，只能通过显式调用来创建该类的对象，而不能通过隐式类型转换来创建对象。 下面通过 ......
C++温故补缺(二十):杂项补充1
### 杂记1 #### 布尔型 c语言中表示布尔型一般用0/1,或者flag,c++把布尔型内置了,布尔型的变量只有true和false 两个值 **和0/1的关系**: true和false不是0/1,c++编译器会把非0处理成true,把0处理成false #### 宽字符型 char型只有一 ......
z-index控制层级显示【JavaScript-Dom&Bom】
溢出设置 overflow visible(默认) 超出部分显示 hidden 超出部分隐藏 scroll 超出部分滚动显示 行内元素垂直对齐方式vertical-align baseline 基线对齐(默认) top 上对齐 middle 中间对齐 bottom 下对齐 控制显示层级 当元素为非s ......
jQuery 是javascript的一个库（常用插件、处理器）
jQuery校验官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery就是javascript的一个库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率。 极大地简化了 JavaScript ......
Javascript --常用技巧
1) 使用!!将变量转换成布尔类型 有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用||（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，undefined或NaN，其他的都 ......
JavaScript中几种 获取元素的方式
1.根据id获取元素document.getElementById("id属性的值");2.根据标签名字获取元素document.getElementsByTagName("标签的名字");3.根据name属性的值获取元素document.getElementsByName("name属性的值"); ......