轻量 轻量级javascript趣味
JavaScript中最好的明暗模式主题切换
了解如何使用 JavaScript、CSS 自定义属性、本地存储和系统设置为您的网站构建终极主题 Toggle™️。无需框架！ 我曾经不同意浅色和深色模式切换。“切换开关是用户系统偏好设置！” 我会天真地感叹，选择让prefers-color-scheme CSS媒体查询控制我个人网站上的主题。没有 ......
腾讯轻量服务器 安装ubuntu 开启root登录
腾讯轻量服务器安装ubuntu后，系统的默认用户名是 ubuntu，并在安装过程中默认不设置 root 帐户和密码。 想要设置中开启允许 root 用户登录。具体操作步骤如下（照抄的腾讯帮助文档，整理以方便查阅）： 1. 使用 ubuntu 帐户登录。 2. 执行以下命令，设置 root 密码 su ......
JavaScript对象
# JavaScript对象 - Object类型，我们也称为一个对象。是JavaScript中的引用数据类型 - 它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值 - 对象也可以看做是属性的无序集合，每个属性都是一个key/value对 - 对象除了可以创建自有属性，还可以通过从一个名 ......
JavaScript学习笔记：Web Components
## 组件的概念 组件是对可重用的HTML与JS功能的封装。 在没有组件的时候，同样的HTML结构会在文档中多次出现，使代码变得复杂。 在使用组件封装后，就像使用一个HTML标签那样使用这些HTML结构，HTML文档变得清晰易维护。 它主要由三项技术实现： - Custom Element： 自定义 ......
JavaScript 之 高级程序设计 基础篇 （一）
### 导读 此篇文章为作者拜读JavaScrpit 第四版（红宝石）的笔记内容、适用于有经验的程序员阅读；作者 java开发出身。在之前前后端不分离的时代 使用esayUI JQuery的时代 经常写 js相关代码。现在前后端分离的时代；前端工程日新月异、各种框架层出不穷；万变不离其中；学好js ......
JavaScript基础
# JavaScript基础 ## 简介 - JavaScript是由网景公司发明，起初命名为LiveScript，后来由于SUN公司的介入更名为了JavaScript - 为了确保不同的浏览器上运行的JavaScript标准一致，所以几个公司共同定制了JS的标准名命名为ECMAScript - J ......
轻量级的深度学习框架Tinygrad
Tinygrad是一个轻量级的深度学习库，它提供了一种简化和直观的方法来理解和实现神经网络。在本文中，我们将探讨Tinygrad及其主要功能，以及它如何成为那些开始深度学习之旅的人的有价值的工具。 https://avoid.overfit.cn/post/33edc61f5a414cefa4431 ......
javascript获取select值的方法完整实例
本文实例讲述了javascript获取select值的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.mimisucai.com javascript获取sel ......
JavaScript类
1 JavaScript类 每个JavaScript对象都是一个属性集合，相互之间没有任何联系 在JavaScript中也可以定义对象的类 让每个对象都共享某些属性，这种“共享”的特性是非常有用的 类的成员或实例都包含一些属性，用以存放或定义它们的状态 其中有些属性定义了它们的行为（通常称为方法）。 ......
记一次腾讯云轻量级服务器安装mysql配置完成后，外网无法访问问题
一、配置信息正常 1、防火墙配置通过 2、mysql端口正常启动netstat -antlp | grep 3306 3、配置都正常，但是telnet访问不通超时Operation timed out telnet 124.223.98.224 3306 Trying 124.223.98.224. ......
Javascript
# 什么是Javascript ## 概述 javaScript是一门世界上最流行的脚本语言 Java，JavaScript 10天 一个合格的后端人员，必须精通JavaScript ## 历史 ECMAScript它可以理解为JavaScript的一个标准 最新版本已经到es6版本~ 但是大部分浏 ......
JavaScript aes-gcm 加密与解密
1. 场景 浏览器原生支持了AES-GCM。 参考资料：https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/encrypt 2. 代码 /** * AES-GCM helper */ var aesGcmHelper = { _ ......
javascript WebUploader 分块上传
前言 文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好的办法，毕竟很少有人会忍受，当文件上传到一半中断后，继续上传却只能重头开始上传，这种让人不爽的体验。那有没有比较好的上传体验呢，答案 ......
开源的轻量级任务调度框架
你好，这里是 Dotnet 工具箱，定期分享 Dotnet 有趣，实用的工具和组件，希望对您有用！ ## 1. 开源的轻量级任务调度框架 FluentScheduler 是一个开源的任务调度框架，支持 Fluent 语法，通过 Nuget 安装引用， 和 Quartz.Net 相比，FluentSc ......
JavaScript 中进行 API 调用的方法
1. XMLHttpRequest 2. Fetch API 3. Axios 是一个流行的第三方库，用于在 JavaScript 中发出 HTTP 请求。 4. jQuery AJAX 回调地狱的对应方法 1. Promise对象 (es6) 推荐使用 2. $.when (jq) 3. Gene ......
[Javascript] Event propagation: useCapture for addEventListener
What gets logged when clicking button? <div id="outer"> <div id="inner"> <button id="btn">Click me!</button> </div> </div> const outer = document.getE ......
JavaScript 指定格式化日期的方式
JavaScript 指定格式化日期的方式 1、使用let 和 const 的方式 function formatDate(date, format) { const map = { "M": date.getMonth() + 1, // 月份 "d": date.getDate(), // 日 ......
JavaScript判断两个数组相等的四类方法
在JavaScript中，数组本质上是一种特殊的对象，它的类型值会返回 `object`。 如果我们需要比较两个数组是否相等，不能像比较基本类型(String、Number、Boolean等)一样，使用 ` ` (或 `==`) 来判断，所以如果要比较数组是否相等，需要使用一些特殊方法。关于JS类型 ......
学习JavaScript的DOM操作
在本文中，您将找到用于 DOM 操作的 JavaScript 的简要介绍。您将了解为什么这是用于开发交互式 Web 应用程序的非常强大的工具，以及如果您的目标是成为前端 Web 开发人员，为什么应该学习它们。 让我们开始！✨ （更|多优质内|容：java567 点 c0m） ◼️什么是 DOM？ D ......
javascript 拾遗
#基本吹牛逼类型 基础概念 1.ECMAscript 是 javascript 的标准 javascript 是 ECMAscript 的实现 #js基础知识 ##js的数据类型 1.js一共有 8 种数据类型 es5 6 种 后面又添加了 2 种 1.Undefined String Symbol ......
在JavaScript中实现Promise对象
class Promise2 { #status = 'pending' constructor(fn){ this.q = [] const resolve = (data)=>{ this.#status = 'fulfilled' const f1f2 = this.q.shift() if( ......
JavaScript的数学计算库：decimal.js
An arbitrary-precision Decimal type for JavaScript. ## 功能 - 整数和浮点数 - 简单但功能齐全的 API - 复制 JavaScript 和对象的许多方法`Number.prototype` `Math` - 还处理十六进制、二进制和八进制值 ......
JavaScript中var、let、const的使用和区别
## var： - var 是声明变量的主要关键字，它的作用域是函数作用域 - 函数作用域：意味着变量在函数内部声明是可见的，在函数外部声明是不可见的 - var 声明的变量可以被重新声明和赋值，它可以在同一个作用于下多次声明同一个变量 ## let： - let 的作用域是块作用域，块作用域可以是 ......
[Javascript] Layout > Paint > Composite
Layout: This step invovles determining the geometry of the page. The browser calculates where each element will be on the screen, considering factors ......
Understanding JavaScript Garbage Collection: Dive into Reference Counting and Mark-and-Sweep Algorithms
JavaScript, the programming language of the web, is often praised for its ability to handle memory management automatically. The JavaScript engine's g ......
在 JavaScript 中，判断一个对象是否为空有几种方法。
1. 使用 `Object.keys()` 方法检查对象的键值对数量： ```javascript function isObjectEmpty(obj) { return Object.keys(obj).length 0; } // 示例用法 const obj1 = {}; console.l ......
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 ......