级数canvas 2d js
JS中的0和php中的0
请注意：包含 0 的字符串 "0" 是 true 一些编程语言（比如 PHP）视 "0" 为 false。但在 JavaScript 中，非空的字符串总是 true。 alert( Boolean("0") ); // true alert( Boolean(" ") ); // 空格，也是 tru ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
ArcGIS-JS 投影变换
Projects the geometry EPSG:4326 投影到 EPSG:3857 webMercatorUtils.geographicToWebMercator() https://developers.arcgis.com/javascript/latest/api-reference ......
js 生成二维码
1：引入js文件 @*二维码生成器*@ <script src="~/BigScreen/js/qrcodes.min.js"></script> 2:html <div class="hgz-QRcode"> <div id="qrcode" style=" padding-right: 10px ......
01-JS基础
js基础 学习目标: 逆向工具准备 熟悉 逆向的基本过程 熟悉 JavaScript语法 一.前期准备 1. 技术准备 python基础语法 爬虫基础功底 JavaScript基础语法知识(可以自己偷偷的学习一些) 2. 工具准备 node解释器 官网地址:https://nodejs.org/zh ......
js中用canvas生成固定长宽的图片
js中用canvas生成固定长宽的图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ......
js设计模式之单例模式二
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录</title></head><body><button id="login">登录</button><script> class Login { create ......
ASP.NET Core Razor融合JS库Demo
cshtml.cs using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc.RazorPages; namespace RazorTest.Pages { public class PrivacyModel : PageModel ......
js设计模式之单例模式
//字面量const logi = { name: "贾维斯", password: '123456', method: function () { }}/** * 闭包： * 1. 闭包是指有权访问另一个函数作用域中的变量的函数 * 2. 创建闭包的常见方式，就是在一个函数内创建另一个函数，通过另 ......
JS 根据文件Magic Number判断文件是否是图片
原理:检测文件的 Magic Number 代码示例： var pngMagic = [ 0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a ]; var jpeg_jfif = [ 0x4a, 0x46, 0x49, 0x46 ]; var jpeg_ex ......
Unity引擎2D游戏开发，音源设置和音效播放
导入资源包 在Unity Assets Store当中，下载导入下面两个资源包到Unity中 在Unity中，下载导入到项目当中 新建一个文件夹，命名为Audio，将导入的两个文件夹放进来 挂载音效 打开Main Camera，能够发现该摄像机带有一个名为“Audio Listener”的组件 该组 ......
【react.js + hooks】useRef 搭配 Houdini 创造 useRipple
水波纹点击特效 really cool，实现水波纹的方案也有很多，笔者经常使用 material 组件，非常喜欢 mui 中的 ripple，他家的 ripple 特效就是通过 css Houdini 实现的。 今天，我们将复刻一个 ripple，并封装成 hooks 来使用！ CSS Houdin ......
Unity引擎2D游戏开发，摄像机跟随及攻击抖动实现
安装摄像机插件 打开Package Manager，输入Cinemachine进行搜索安装 导入摄像机 在Hierarchy窗口中，添加2D Camera 会发现Game窗口没有任何东西，因为该摄像机并没有进行跟随、观看等相关的设置 将Player拖进Follow、Look At，并将Lens Or ......
js进行控制替换顶部标题内容【进行防检测】
为了防检测，特意出了一款js进行控制替换顶部标题内容 js代码如下： <script> document.getElementsByTagName("title")[0].innerText = '醉学网'; function SetTab(name, cursel) { for (var i = ......
JS加密，python解密
`// js AES加密 var CryptoJs = require("crypto-js") // 密钥（128位， 16字节） var key = CryptoJs.enc.Utf8.parse("1234567890abcdef"); // 直接打印为words数组，可用如下方法进行还原 / ......
js 找出最后一次字符串中指定或者某个字符后面出来的内容
JS 获取最后一个 指定字符 后面的值示例 let str = 'http://199.188.18.282:8012/logistics-web/rules/custom-rules'1.找出’/'后面出来的值使用 JavaScript 中的 .substring() 方法来实现 当然你也可以按的 ......
JS 鼠标拖拽元素移动
代码示例 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap { width: 100px; height: 100px; background ......
浏览器原生支持JS Base64编码解码
1. Base64解码: var decodedData = window.atob('内容'); 2. Base64编码: var encodedData = window.btoa('base64编码内容'); 3. 中文转换报错？ 若中文Base64数据转换有报错问题,可以中文先encode转 ......
Unity引擎2D游戏开发，血量更新逻辑的实现
思路 能够发现Fill Amount就是控制血量条长度的控件，它是一个百分比值，则可以通过当前血量除以最大血量得到当前血量的百分比。那么，也就能控制血量条的长度了。 编写基本的更新逻辑 创建C#文件 将C#文件挂载到Player State Bar上 在C#文件中调用UI组件前，需要调用UI组件库 ......
uniGUi调用其他JS框架(79)
procedure TMainForm.UniFormShow(Sender: TObject);var Html: TStringList;begin Html := TStringList.Create; try Html.LoadFromFile('.\js\jsPlumb\template. ......
7个Js async/await高级用法
JavaScript的异步编程已经从回调(Callback)演进到Promise，再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁，而且更贴近同步代码的逻辑与结构，大大增强了代码的可读性与可维护性。在掌握了基础用法之后，下面将介绍一些高级用法，以便充分利用async/awai ......
Unity引擎2D游戏开发，UI绘制创建人物状态栏
下载并导入UI资源 前往Unity Assets Store中下载添加此资源 打开Unity中的Package Manager，选择My Assets，点击Import导入项目中 取消选择Scene，其他的全都勾选上，然后点击Import 然后在Assets文件夹下方会出现M Studio文件夹，此 ......
js中三种URI编码方式比较
一、实例比较 数据传递常需要编码后传递，接收还需反编译，定义url： var url = "https://www.cnblogs.com/?username='小森森'&password='666666'"; escape 与 unescape console.log(escape(url));/ ......
js 利用Audio播放文件列表
1、主要利用Audio的监听事件addEventListener，监听到声音播放结束ended，播放下一个文件 audio.addEventListener('ended', function () { console.log('音频播放结束'); }); 2、示例： var voiceList = ......
js里URL编码的不同方法和区别
总结: 1.escape/unescape 这两个方法不能用于URL编码,但有很多人用,特此指出,因为它的真正作用是返回一个字符的Unicode编码值,不会对"+"进行编码,但是我们知道，网页在提交表单的时候，如果有空格，则会被转化为+字符。服务器处理数据的时候，会把+号处理成空格。 2.encod ......
vue js 引入sdk，思路代码整理 app.vue引入
代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
js设计模式之工厂模式
原型链实现 let UserFactory = function (role) { if (this instanceof UserFactory) { let s = new this[role] return s } else { return new UserFactory(role) }}U ......
[Node]Node.js安装
工作需求，将本地node.js升级到v20+，踩坑踩了1个多小时，故整理一篇攻略自用。 下载与安装 1. Node.js官网下载安装包：https://nodejs.org/en（我下载的是20.10.0） 2. 安装时修改安装目录，网上教程大多不建议放在C盘；其余默认。 3. 安装完后启动命令行工 ......
动态加载JS文件
在某些特殊场景下，特别是在库和框架的开发过程中，需要动态加载JS文件并执行它们。下面是使用 Promise 的简单封装。 function loadJS(files, done) { // Get the head tag const head = document.getElementsByTag ......