杂项javascript
[Javascript] Using Generator to create a number generate with condition
const generateTimeMs = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min /** * A generator which can generate numbers based on settings ......
JavaScript BOM对象
一、window对象 顾名思义window是窗口的意思，也就是浏览器的窗口，所有浏览器都支持window对象，因此所有的JavaScript全局对象，函数，变量都是window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 子对象： 属性： 方法： 二、locatio ......
JavaScript事件
JavaScript事件 键盘事件：keypress键盘事件，keyup抬起，keydown按下 文档：load加载 表单：focus获得焦点，blur失去焦点，submit提交事件，change改变事件 其他：scroll滚动事件，select start选择事件 1. event事件对象常见的属 ......
JavaScript事件
JavaScript事件 键盘事件：keypress键盘事件，keyup抬起，keydown按下 文档：load加载 表单：focus获得焦点，blur失去焦点，submit提交事件，change改变事件 其他：scroll滚动事件，select start选择事件 1. event事件对象常见的属 ......
JavaScript事件
一、 JavaScript事件 在前端中，页面的每次交互和特效都是一个事件，其中任何一个html元素都是一个事件源，一个很事件源可以添加多个事件。 二、 事件中的event对象 只要发生一个事件就会产生一个event事件，event代表事件的状态 1、event事件常见的属性和状态 2、阻止默认事件 ......
11.17 复习JavaScript红宝书的笔记——
一、原始值与引用值 对于原始值和引用值的判断类型各自有对应的操作符，前者可以用typeof操作符 let s = "Nicholas"; let b = true; let i = 22; let u; let n = null; let o = new Object(); console.log( ......
javascript 自定义分页组件
仿boostrap 前端分页组件的实现 一 写一个前端自定义分页组件，需要考虑以下问题 /* 需要一个<ul id="pagination"></ul>标签 total; // 总数据的数量 pageSize; // 一页显示数量 pageIndex; // 当前页 */ 二 实现细节 编写html ......
（javascript）将ztree树结构的数据转成二维数组
ztree树结构的数据结构如下：[ { "id": 3990, "name": "泡沫灭火", "iconShow": false, "children": [ { "id": 8616, "name": "泡沫发生器", "iconShow": false, "children": [ { "id ......
JavaScript-数组（array）操作
1、Map 名称：遍历 作用：对数组每一项进行操作，并返回一个新数组，不影响原数组； 示例： val：每次执行的数组项 index：index = val 在原数组中的下标 array：原数组 2、Filter 名称：过滤器 作用：对数组进行筛选，并返回筛选结果新数组，不影响原数组 示例： val： ......
JavaScript-监听浏览器返回上一页
1、popstate监听浏览器返回上一页 $(window).ready(function () { var state = { title: 'title', url: '#' } window.addEventListener('popstate', function (e) { // 监听浏览 ......
10个不常被提及的JavaScript小技巧
1、过滤数组重复值 作用：数组去重 方法：Es6 中 Set 方法，Set类似于数组，但是成员的值都是唯一的，结合拓展运算符（...）创建一个新的数组，达到过滤原数组重复值的功能，原数组不变； 示例： 注意：包含 object、function、array下不适用 2、短路求值 作用：简化 if 判 ......
JavaScript之splice()
参考：https://blog.csdn.net/weixin_45726044/article/details/120151153 概述 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 一个参数 splice(inde ......
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
11.16 基本完成个人任务管理系统项目后重新复习JavaScript高级程序设计——声明var与let变量关键字区别的笔记
我看的是js高级程序设计第四版，前两章快速了解了一下，第三章开始慢啃，虽然内容枯燥，很多东西自己也知道了，但还是有一些收获的。 比如，声明变量的三个关键词：var、let、const；var以前经常用但是会出问题，相比let没有那么严谨（var声明范围函数作用域，而let声明范围块级作用域）。 看个 ......
JavaScript判断图片是否已经加载完毕的方法汇总_javascript技巧
在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示： 一.onload事件 通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例 ......
JavaScript 的数组方法
数组方法构成了任何编程语言中数组的基本方面。这些方法使程序员能够操作、迭代和转换数组，为各种任务提供有效的解决方案。无论是排序、过滤还是映射数据，理解和利用数组方法都是释放代码全部潜力的关键 值（） 该方法返回一个迭代器，为数组中的每个索引提供一个值，不需要任何参数。 长度（） 该方法返回数组的长度 ......
JavaScript
JavaScript 什么是JavaScript JavaScript是一门世界上最流行的脚本语言 快速入门 引入JavaScript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ......
setTimeout 是浏览器环境提供的，JS 标准没有规定。不是JavaScript的全局函数，是浏览器（宿主环境）提供的
下列哪些函数是JavaScript的全局函数？ A encodeURI B parseFloat C setTimeout D eval 正确答案：ABD 答案：A、B、D 个人记忆方法：6（编码相关）+ 2（数据处理）+ 4（数字相关）+ 1（特殊） 编码相关： escape()、unescape ......
onclick="javascript:void(0)"就是行内javascript
给网页添加JavaScript的方式有 A 使用script标签，将javascript代码写到之间 B 添加外部javascript文件 C 使用行内javascript D 使用@import引入javascript文件 正确答案：ABC A正确。使用script标签，将javascript代码 ......
【你不知道的JavaScript】this关键字
没有this时，需要传入上下文获取name，在多个上下文时，代码变得繁杂重复 var me = { name: "Kyle" }; var you = { name: "Reader" }; function identify(context) { return context.name.toUpp ......
javascript promise all实现图片顺序加载
不使用promise时是异步加载，图片加载的顺序不固定 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-sca ......
理解与使用Javascript中的回调函数
js里的解释: A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 从字面上理解下来就是 ......
一个常见的 JavaScript 解构陷阱
在日常的 JavaScript 编码中，我们经常使用解构语法来提取对象中的属性。假设我们有一个名为 fetchResult 的对象，代表从接口返回的数据，其中包含一个字段名为 data。 const fetchResult = { data: null }; 在提取 data 字段时，为了避免接口未 ......
前端学习-JavaScript学习-JavaScript高级程序设计-第2章笔记
在HTML中使用JavaScript元素 <script>元素 元素属性 MDN <script>：脚本元素 属性 使用状态 描述 charset 可选、少用 字符集 defer 可选、少用 表示脚本可以延迟至文档完全被解析后实行，部分浏览器不支持 language 废弃 编写代码使用的语言 src ......
JavaScript实现Date( ) ——日期格式化的三种常用方法
Date( ) 介绍 Date( ) 基本使用 Date()日期对象是构造函数，必须使用new来调用我们的日期对象。 若Date()没有参数时 返回当前时间 若Date(timer)有参数时 返回参数设置的时间 参数写法：'2012-2-2 08:54:32'（字符串） 返回值格式：Sun May ......
JavaScript - js生成 txt 文件
JavaScript - js生成 txt 文件 /** * 方法定义 */ function download(filename, text) { var element = document.createElement('a'); element.style.display = 'none'; ......
Net 高级调试之八：代码审查及杂项命令
一、简介 今天是《Net 高级调试》的第八篇文章。这篇文章设计的内容挺多的，比如：如何查看方法的汇编代码，如何获取方法的描述符，对象同步块的转储，对象方法表的转储，托管堆和垃圾回收器信息的转储，CLR 的版本，GC 模式，等等，内容挺多的。内容虽然挺多，但是这些都是高级调试的基础。虽然这些都是基础， ......
JavaScript 事件的类型
单击事件：当用户单击 HTML 元素时，会触发单击事件，这对于创建响应式和交互式界面至关重要。它们经常用于按钮单击或链接导航等操作，从而增强整体用户体验。 鼠标事件：鼠标事件捕获涉及鼠标的用户操作，例如在元素上移动（鼠标悬停）、离开元素（鼠标移出）。为悬停效果或复杂的拖放交互等功能提供基础。 键盘事 ......
JavaScript 基础知识
运营商 运算符对数据进行操作。它们有多种形式，包括算术运算符（+、-、*、/）、比较运算符（==、!=、<、>）和逻辑运算符（&&、||、!） 控制流语句 控制流语句根据特定条件控制代码块的执行顺序。它们包括if-else语句、switch语句和循环。 数组 数组是数据项的有序集合。它们允许您使用单 ......