轻量 轻量级javascript趣味
使用 HTML CSS 和 JavaScript 拖放可排序列表，免费源码下载
拖放排序列表是一种广泛使用的 UI 元素，允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到，比如任务管理器和电子商务网站。 在这篇博文中，您将学习如何使用 HTML、CSS 和 JavaScript 创建拖放可排序列表。不使用任何外部 JavaScript 库来创建这 ......
JavaScript中的数据类型和判断类型的方法
js有哪些类型？ JavaScript中一共有9中数据类型，其中包含五种基本类型和一种复杂类型Object,Object中包含四种类型。 基本数据类型 字符串(string) 数字(number) 布尔(boolean) NULL Undefined 复杂数据类型 Symbol(表示一个独一无二的值 ......
react useCreateWatchedStore 轻量级高性能状态管理库
import {useContext, useEffect, useMemo, useRef, useState} from 'react'; import _get from "lodash.get"; import _set from "lodash.set"; import {shallowE ......
AAAI 2023 | 轻量级语义分割新范式： Head-Free 的线性 Transformer 结构
前言 现有的语义分割工作主要集中在设计有效的解-码器上，然而，一直以来都忽略了这其中的计算成本。本文提出了一种专门用于语义分割的 Head-Free 轻量级架构，称为 Adaptive Frequency Transformer (AFFormer) 。采用异构运算符（CNN 和 ViT）进行像素嵌 ......
Docker 轻量级可视化工具 Portainer
1. 概述 Portainer 是一款轻量级的应用，它提供了图形化界面，用于方便地管理 Docker 环境，包括单机环境和集群环境。 官网：https://www.portainer.io/ 2. 在 Docker 镜像仓库查找 Portainer 镜像 dockerhub 镜像仓库 3. 拉取 P ......
JavaScript 的三座大山
[🌄 JavaScript 的三座大山 - 掘金](https://juejin.cn/post/7182571660003213370) js 作为前端的中坚力量。那么 javascript 三座大山，你知道是哪些呢？ ......
JavaScript的深拷贝与浅拷贝
一句话来解释什么是深浅拷贝，B拷贝A，当修改A，B如果变化，就是浅拷贝，反之就是深拷贝。 基本原理： 1.递归函数2.对象内的值都是简单数据类型时 直接进行赋值3.当我们遇到数组和对象时，可以再次调用函数，利用递归去拷贝数组和对象内的每个值4.先数组 后对象 因为数组也是对象 下面是一个实现深拷贝的 ......
五分钟！获得轻量级的云原生应用控制平面
近期 KubeVela 即将发布 v1.8 版本，带来集群资源一键纳管功能，帮助你无痛迁移遗留系统。还有对大规模应用场景的压测报告、性能优化以及控制器分片方案，帮助你轻松面对业务规模增长的挑战。 ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
javascript大文件上传解决方案支持分片断点上传
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......
JavaScript开发：逻辑代码部分简便写法整理
一、判断条件简写 1、三目表达式 doTest(){ //判断是否大于0，大于0就返回原值，不大于0则返回0 let test = -5; //if-else写法 if(test > 0){ return test; }else{ return 0; } //三目表达式写法 return test ......
使用JavaScript调用本地打印机
https://blog.csdn.net/zZZxiaozhi/article/details/117062010 # HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ......
03-第三章 JavaScript 基础
其余web文章参考：web学习目录 JS常用参数 | 参数 | 含义 | | | | | document.URL | 返回当前文档完整的URL | | document.write() | 直接在网页中输出内容 | | indexOf() | 返回值在字符串中第一次出现的位置，如果未找到该值，则 ......
03-第三章 JavaScript 基础
JS常用参数 | 参数 | 含义 | | | | | document.URL | 返回当前文档完整的URL | | document.write() | 直接在网页中输出内容 | | indexOf() | 返回值在字符串中第一次出现的位置，如果未找到该值，则 indexOf() 方法返回 -1， ......
JavaScript系列 -> 截取字符串方法 substring/slice/substr
因为对于截取字符串的方法时常弄混，每次使用的时候，都需要不断的看教程回顾，现在总结到这里： substring substring(start,end): start/end 分别为开始位置和结束位置； 左闭右开，不包含结束位置； start/end 应该为非负整数； start小于0，当成0处理； ......
一款针对EF Core轻量级分表分库、读写分离的开源项目
在项目开发中，如果数据量比较大，比如日志记录，我们往往会采用分表分库的方案；为了提升性能，把数据库查询与更新操作分开，这时候就要采用读写分离的方案。 分表分库通常包含垂直分库、垂直分表、水平分库和水平分表方案，包括分表分库方案，实现每一个方案都需要花费一定的时间；所以，今天给大家推荐一个基于EF C ......
React状态 和 JavaScript箭头函数
React状态 和 JavaScript箭头函数 在看 React 的状态时见到了 JS 的箭头函数，一时间没看明白。 React 状态 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 在 React 中 ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
JavaScript系列 -> 字符串方法 replace 的第二个参数为函数
本篇文章要介绍，当字符串的replace方法第二个参数为函数的使用。 示例代码： function fn(str){ this.str = str; } fn.prototype.format = function() { var arg = arguments; return this.str.r ......
JavaScript快速入门
JavaScript 1.引入方式 1.1内部脚本,将JS代码定义在HTML页面种 JS代码必须在<script>标签之中 可以在HTML文件任意位置 一般放在<body>体标签底部,改善运行速度 1.2外部脚本,将JS代码定义在外部JS文件中,在引入HTML页面 利用带 src属性的 <scrip ......
JavaScript 提取对象数组中的属性组成新的对象数组
let data = [{"division_name":"销售三部","id":44,"pid":36,"html":"| "},{"division_name":"销售十二组","id":46,"pid":44,"html":"| | "},{"division_name":"销售十一组","i ......
python+playwright 学习-41.locator.evaluate()对定位的元素执行JavaScript脚本
前言 page.evaluate() 是直接在页面对象上执行JavaScript脚本 locator.evaluate() 是对定位的元素执行JavaScript locator.evaluate_all() 对定位到的所有元素执行JavaScript locator.evaluate() 对元素执 ......
python+playwright 学习-40.page.evaluate()执行JavaScript脚本
前言 大家在学selenium的时候，对于页面上的有些元素不好操作的时候，可以使用driver.execute_script() 方法执行JavaScript脚本。 在playwright 中也有类似的方法，使用page.evaluate()执行JavaScript脚本。 page.evaluate ......
浅谈Array --JavaScript内置对象
Array --JavaScript内置对象 描述 可以用一个变量存储多种数据类型的Array对象，Array不是关联数组，不能使用字符串作为索引访问数组元素，需要使用非负整数的下标访问数组中的元素。 和对象的某些特征很相似，例如：属性访问器一半相似，衍生出的使用 .call() 或者 .apply ......
JavaScript点击元素后获取该元素的id
<body> <div id="box"> <div id="text"> </div> <input class="butt" id="button1" onclick="test1(this)" type="button" value="按钮1" /> <input class="butt" i ......
JavaScript Promises, async/await
JavaScript Promises, async/await 这篇博客不是讲如何使用 Promise，是一个学习总结。是我自己对 Promise 的理解。 new Promise() 的时候，传一个 executor 给 Promise. let promise = new Promise(fu ......
javascript中出现undefined的四种情况
javascript中出现undefined的四种情况 https://www.jianshu.com/p/b0700cce78c8 一，函数没有返回值，或者返回值为空，出现undefined例：1)function show(){//没有返回值}var a=show();console.log(a ......
转载：JavaScript文字转语音_SpeechSynthesisUtterance语音合成的使用
原文链接：https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649118413&idx=3&sn=3385dee75bcffa307baa79c3cde4095b&chksm=be587160892ff87605cf347eddad2ad7 ......
JavaScript实现文件上传demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Javascript 加密解密方法
本文链接 Javascript 和 我之前发的 python加密 以及 go加密 解密不一样 不需要导那么多的库 只需要安装几个库 其中需要了解最多的 crypto-js 具体就不多介绍了直接上官网 https://www.npmjs.com/package/crypto-js 准备工作 安装 在终 ......