webgl three 0019 js
js上传文件夹的功能如何实现
在JavaScript中无法直接上传整个文件夹，但可以通过以下步骤实现上传文件夹的功能： 1. 使用``标签来选择文件夹。该标签支持同时选择多个文件和文件夹。 2. 监听文件夹选择变化的事件，并获取所选择的文件和文件夹。 const fileInput = document.querySelecto ......
three.js 使用 sortObjects 和 renderOrder 处理网格修改后覆盖模型的问题
问题效果： 目标效果 处理此问题首先需要了解three的渲染机制： 渲染机制 threejs的渲染器是基于webGL的。它的渲染机制是根据物体离照相机的距离来控制和进行渲染的。也就是说，它根据物体的空间位置进行排序，然后根据这个顺序来渲染物体。对于透明的物体，是按照从最远到最近的顺序进行渲染。控制渲 ......
用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开发《我的世界》
转自：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 ......
js事件
JavaScript支持多种事件，事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件： 鼠标事件（Mouse Events）: click - 鼠标单击 dblclick - 鼠标双击 mousedown - 按下鼠标按钮 mouseup - 松开鼠标按钮 mo ......
JS实现把内容复制到剪切板中
其中弹出框是采用了Element-PLUS组件实现，你可以选择使用原生的alert去实现，或者不做提醒都可以，同时我加入了async进行异步，你也可以去掉async（记得同时去掉await），还可以不采用try进行错误处理（我怕一些浏览器不兼容？） /** * 把传入的值放入用于剪切板 * data ......
Python中execjs执行JS代码出现中文乱码
1、乱码场景 新建 文件code.js，详情如下： function fun() { return "我是fun函数"; } 在Python中执行此JS代码： 1 import execjs 2 3 # 读取js 4 with open("code.js", encoding="utf8") as ......
js 监听回车按键，keyCode已经废弃
window.addEventListener("keydown", enterUp); // 点击回车键登录 const enterUp = (e: any) => { console.log("in enter up：", e); if (e.keyCode == 13 || e.keyCode ......
js jquery 调用摄像头拍照及扫描二维码
很好用的一个js库：https://github.com/mebjas/html5-qrcodedemo: https://scanapp.org/ demo: https://blog.minhazav.dev/research/html5-qrcode vue项目推荐用这个：https://zh ......
js自动播放【轮播图】
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Auto ......
js定时器demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
unity里也能输出 webgl的项目，怎么看出这个项目是不是unity输出的，还是纯web技术写的项目
在Unity中输出为WebGL项目后，可以通过以下几种方式来判断一个项目是不是由Unity输出的： 1. 文件结构：Unity输出的WebGL项目通常会生成一些特定的文件和文件夹，例如"Build"文件夹、"index.html"文件等。如果你在项目文件夹中看到这些文件和文件夹，那么很可能是Unit ......
JS获取URL参数
按照网上的案例，一开始是这样写： getUrlParams() { const url = new URL("http://localhost:8888/#/login?loginname=123456&ticket=abcd"); const queryParams = new URLSearch ......
页面滚动点击返回至顶部，js怎么实现
当页面要滚回顶部时，使用scrollTop属性，设置值为0即可 当页面具有 DOCTYPE，或者说指定了 DOCTYPE 时，使用document.documentElement.scrollTop。 当页面不具有 DOCTYPE，或者说没有指定了 DOCTYPE 时，使用document.body ......
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
JSSDK使用步骤 步骤一:绑定安全域名： 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 步骤二:引入JS文件： 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
js中?.、??、??=的用法及使用场景
js中?.、??、??=的用法及使用场景 小熊爱敲代码 征途慢慢，唯有奋斗 关注她 7 人赞同了该文章 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面就介 ......