js
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素：事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
node.js - 在linux系统上安装和配置nodejs
step 1: 根据自己的系统架构下载nodejs软件包 https://nodejs.org/en/download/ curl -O https://nodejs.org/dist/v20.10.0/node-v20.10.0-linux-arm64.tar.xz step 2: 创建目录 su ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目，需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客（HTML +CSS +Jscript）。 跟着 ......
备忘-js-html-json乱码的解决。
使用vs开发一个前端的页面， 想把通用的方法放在一个js文件中， 遇到了中文乱码的问题 奇怪的地方在于，把js代码放在cshtml文件中，就没有问题，但是放在单独的js文件中就有问题。 忙活了很长时间，大约知道是因为js文件和cshtml文件的编码格式不一样，但是看了下都是ansi，不过一个是uni ......
js通用检测数据类型方法
function getDataType(obj) { let type = typeof obj // 先判断是否为基础数据类型，直接返回 if (type !== 'object') return type; // 对于typeof返回结果是'object'的，在进行如下的判断，正则返回结果 r ......
JS(JavaScript)-函数（方法）
1. 介绍： JS中的函数是一种通过调用来完成具体业务的一段代码块。 最核心的目的是将可重复执行的操作进行封装，然后供 调用方 无限制的调用。 基本作用： 方法(函数)是由事件驱动的 或者 当他被调用时被执行的可重复使用的代码块。 JavaScript 函数语法：函数就是包裹在花括号中的代码块。 2 ......
JS压缩的功效与作用
JavaScript代码压缩可实现3大功能：减小体积、优化逻辑、提升执行效率 专业的JavaScript代码压缩，绝不仅仅是去除回车使代码挤到一行，而是用真正的技术减小代码体积、提升代码性能。 下面，以JShaman的JavaScript代码压缩功能为例，以说明JavaScript压缩具体能对代码进 ......
js 判断数字的六种方法
1、使用正则表达式判断是否为数字 正则表达式是一种强大的工具，可以用于判断字符串是否符合特定的模式。在JS中，通过正则表达式可以判断一个字符串是否为数字。 以下是一个简单的正则表达式，用于判断一个字符串是否为十进制数字： let reg = /^[0-9]+$/; console.log(reg.t ......
PHP+JS实现大文件切片上传功能实现实例源码
近期公司的项目中，涉及到上传大文件的问题，大文件上传用普通表单上传时出现的问题是，无法断点续存，一但中途中断上传，就要重头开始，这很明显不是我们想要的，所以经过一番查询，学习了一下大文件分割上传的方法。并且使用简单的php做服务端处理程序实现一个功能demo，供以后回顾使用。本人也是初出茅庐的前端小 ......
js 根据字符串计算字节数
前言： JS使用Unicode编码，这里用[^\x0000-\x00ff]来匹配中文汉字字符（双字节字符） 1. 方法一， function getBytes(params) { let bytes = params.length, i = 0; for (; i < bytes; i++) if ......
Node.js的文件系统常用语（fs）
文件删除 // 导入fs模块 let fs = require("fs") // 删除文件 fs.unlink("被删除文件.docx",(err) => { if (err) throw err; console.log("删除成功") }) 获取文件信息 // 导入fs模块 let fs = r ......
js实现上传文件夹功能
最近在研究上传文件夹功能，并上传到阿里云oss，研究了几天终于实现了。 前端代码：添加 “webkitdirectory” 标签表示支持 文件夹上传 <input type='file' id="inputUploadDir" name="file" webkitdirectory > js代码部分 ......
three.js 汽车行驶效果
实现原理是使用TWEEN.Tween实现动画效果 实现 汽车模型加载 使用Promise编写模型的异步加载方法 Car.prototype.loadCar = function (position, rotation) { let onProgress = function (xhr) { }; r ......
js上传文件夹的功能如何实现
在JavaScript中无法直接上传整个文件夹，但可以通过以下步骤实现上传文件夹的功能： 1. 使用``标签来选择文件夹。该标签支持同时选择多个文件和文件夹。 2. 监听文件夹选择变化的事件，并获取所选择的文件和文件夹。 const fileInput = document.querySelecto ......
用html和css和js实现一个班级点名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>班级点名系统</t ......
three.js 使用 sortObjects 和 renderOrder 处理网格修改后覆盖模型的问题
问题效果： 目标效果 处理此问题首先需要了解three的渲染机制： 渲染机制 threejs的渲染器是基于webGL的。它的渲染机制是根据物体离照相机的距离来控制和进行渲染的。也就是说，它根据物体的空间位置进行排序，然后根据这个顺序来渲染物体。对于透明的物体，是按照从最远到最近的顺序进行渲染。控制渲 ......
THREE.JS开发《我的世界》
转自：https://www.cnblogs.com/sincw/p/9161922.html 一，准备工作 1）库/框架选型 H4 ......
JS(JavaScript)-if-switch选择结构-for-while循环
前言： 回到JS基础，用console输出； console.log(); 输入内容： window.prompt(); 向页面做出输入接收(类似于后端Scanner) 整数转换：parseInt(); 1. 选择结构： ①if 结构 if( ){ }; if( ){ }else{ }; if( ) ......
NET Core 3.1 MVC 在html中引用js的方法使用时不生效异常
在html的select元素添加了onchange事件，changeContent方法也在当前html下。 <select id="changeLanguage" class="form-control input-lg" asp-for="language" asp-items="Model.su ......
JS反调试VMdebugger
今天干活的时候，要在前端调试找token值，打开“源代码”选项卡的时候，就不断步入“VMXXX”格式的源码当中，在查询了一些资料之后，发现Node.js反调试的一种手段，网上有说是Google chrome加载evel()函数，应该是存在这种的情况的，不过在测试的过程当中大多数应该都是反调试的这种。 ......
js格式化工具
背景 通常我们进行网页调试或者爬虫的时候，发现get到的js通常是格式很乱的，不利分分析代码和查找 所以本文找到一个可以将js格式化的工具 在线解析 1.网址 https://coding.tools/cn/javascript-beautifier 比如我们请求一个js https://unpkg ......
js 中的 base64 转码 btoa/atob
1 场景 有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。 所谓 Base64 就是一种编码方法，可以将任意值转成 ......
js---手绘签名
最近在做项目，在做电子签章的时候，需要用到电子签名，下面是用JS进行手绘签名： <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手写签名</titl ......
js---生成印章
最近在做电子合同的功能，需要用到电子印章，那么如何通过js生成印章呢？下面是具体的代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ca ......
JS(JavaScript)
1. 介绍： JavaScript 语言主要是 完成页面的数据验证，因此运行在客户端，需运用浏览器来解析执行JavaScript代码。 ECMAScript是JS的一个标准。 一个完整的JS是由ECMAScript，DOM(文档对象模型)，Bom(浏览器对象模型)组成的。 JS是弱类型（类型可变）J ......
JavaWeb - Day02 - JS、Vue
01. JS-介绍 什么是JavaScript? JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。 JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript 在 1995 年由 B ......
JavaScript(JS) 判断没有属性的空对象{}的四种方法
JavaScript(JS) 中对象没有属性初始化时，可能使用{}进行初始化，如此我们判断这样的没有属性的空对象就不是很方便，本文主要介绍JavaScript(JS) 中判断没有属性的空对象{}的五种方法，以及相关的示例代码。 1、通过JSON.stringify()判断 可以使用JSON.stri ......
JS 中 package 包版本格式
在JavaScript中，通过npm（或yarn）管理的package.json文件中，你可以为依赖指定多种格式的版本号。版本号通常遵循语义化版本控制（SemVer），格式为主版本号.次版本号.修订号（MAJOR.MINOR.PATCH）。以下是一些常见的版本号格式： 精确版本（Exact）: "1 ......
js监听判断是否超出省略号显示
function isOverflow(element) { return element.scrollWidth > element.offsetWidth; } let element = document.querySelector('.ellipsis-span'); let resizeO ......