这是昨天学习到的一种点击显示时间的方法，自己理解就是创建一个点击按钮，然后创建一个showdate函数，通过运行showdate 函数，输出时间！ 接下来的安排，这两天一直再尝试做最基础的页面设计，感觉还不错挺有意思的，就是不会写，只是在人家的基础上进行复制和修改，不过也学到了页面跳转的知识，很开心 ...

本章内容： 行分隔符（U + 2028）和段分隔符（U + 2029）符号现在允许在字符串文字中，与 JSON 匹配 更加友好的 JSON.stringify 新增了 Array 的flat()方法和flatMap()方法 新增了 String 的trimStart()方法和trimEnd()方法 ...

基于原型编程 在面向对象的编程语言中，类和对象的关系是铸模和铸件的关系，对象总是从类创建而来，比如Java中，必须先创建类再基于类实例化对象。 而在基于原型编程的思想中，类并不是必须的，对象都是通过克隆另外一个对象而来，这个被克隆的对象就是原型对象。 基于原型编程的语言通常遵循下面的规则： 所有的数 ...

当用户进行鼠标框选选择了页面上的内容时，把选择的内容进行上报。 分为以下几点： 选择文案时 选择图片、svg、iframe、video、audio 等标签时 选择 input、select、textarea 等标签时 选择input、textarea 标签内容时 选择类似   字符时 键盘全选时 鼠... ...

以上两张图是今天学习js遇到的一些小的问题，和=的效果是不同的，一个是输出值相等就可以输出来，另一个需要形式和值均相同才可以输出来。 本张图片讲一下自己对程序语言的理解。 首先开始创建一个按钮button，然后给一个执行函数onclick=“函数名字”，名字随便起，但是用的时候要和写的名字一样。 然 ...

ECMAScript 2023 主要包含内容 ECMAScript 2023 于 2023 年 6 月 27 日获得 ECMA International 的批准。 ECMAScript 是标准化的 JavaScript 语言，于 1997 年发布了第一版，现已发展成为世界上使用最广泛的通用编程语言 ...

目录TypeScript数据类型基础数据类型number、string、boolean、 null 和 undefined、object其他数据类型元组 []枚举 enum接口 interface联合类型 |交叉类型 &type声明面向对象类class继承extends其他类型推断类型断言 as总结 ...

chart.js是一个非常优秀的开源图表插件，扩展非常灵活，同时也提供了大量的钩子函数，给与用户添加自定义插件，实现个性化的需求。 具体的优势特点，这里不详述，网上大把资料，现开始正式深入了解这个插件. Chart布局大概分为如下六个区域，这些是主要的，也有些特殊，比如左右两边都有Y轴，这个用的较少 ...

本文分享自华为云社区《npm install -g 和 npm install --save-dev 的关系》，作者： SHQ5785。 一、npm install 本地安装 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录， ...

目录TypeScript入门介绍什么是 TypeScript？发展历史优缺点应用场景开发工具环境依赖编程IDEvs调试构建工具/工程化步骤汇总第一个项目 TypeScript入门介绍 什么是 TypeScript？ 1.1 TypeScript 是由微软开发的一种开源的编程语言。它是 JavaScr ...

点赞 + 收藏 = 学会！ 本篇我们介绍radash中函数柯里化和Number 相关的方法使用和源码解析。深入学习radash中的方法思想和底层实现。 ...

一、是什么 事件代理，俗地来讲，就是把一个元素响应事件（click、keydown......）的函数委托到另一个元素 前面讲到，事件流的都会经过三个阶段： 捕获阶段 -> 目标阶段 -> 冒泡阶段，而事件委托就是在冒泡阶段完成 事件委托，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真 ...

前言 之前已经出了一篇关于loading动画的随笔《博客园美化：给网页加上loading动画》，但是每次加载都必须等loading动画加载完成才能进行下一步点击，很浪费时间，所以pass掉了...... 这次做了一个顶部的loading进度条，加载的同时不影响浏览点击网页，并且进度条颜色十分酷炫（ ...

一、事件与事件流 javascript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性， 常见的有加载事件、鼠标事件、自定义事件等 由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候，就存在一个顺序问题，这就涉及到了事件流的概念 事件流都会经 ...

在前端开发过程中，调试的时候，我门会使用 console.log 等方式查看数据。但对于图片来说，仅靠展示的数据与结构，是无法想象出图片最终呈现的样子的。 虽然我们可以把图片数据通过 img 标签展示到页面上，或将图片下载下来进行预览。但这样的调试过程实在是复杂，何不实现一个 console.im... ...

有时候，我们需要在网页判断用户是否处与非活跃状态，如果用户长时间没有在页面上进行任何操作，我们则判定该用户是非活跃的。 在 javascript 中我们可以通过监听某些鼠标或键盘相关的事件来判定用户是否在活跃中。 ...

一、执行上下文 简单的来说，执行上下文是一种对Javascript代码执行环境的抽象概念，也就是说只要有Javascript代码运行，那么它就一定是运行在执行上下文中 执行上下文的类型分为三种： 全局执行上下文：只有一个，浏览器中的全局对象就是 window对象，this 指向这个全局对象 函数执行 ...

最近项目中需要用到js库来渲染pdf文件，调研后发现无论是reach-pdf.js或者是svelte-pdf.js都是在pdf.js基础上做了些许精简，反而功能还不如原始的pdf.js来得全面。但是原始的库几乎没有像样的代码示例，而能搜索到的大多数代码不少都是十几年前的了，在这个过程中踩了不少坑，做 ...

ECMAScript 2024，第 15 版，添加了用于调整 ArrayBuffer 和 SharedArrayBuffer 大小和传输的功能； 添加了一个新的 RegExp /v 标志，用于创建具有更高级功能的 RegExp，用于处理字符串集； 并介绍了用于构造 Promise 的 Promise... ...

在 JavaScript 中，实现深拷贝的方式有很多种，每种方式都有其优点和缺点。今天介绍一种原生 JavaScript 提供的structuredClone实现深拷贝。 下面列举一些常见的方式，以及它们的代码示例和优缺点： 1. 使用 JSON.parse(JSON.stringify(obj)) ...