级数canvas 2d js
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64 具体用到自己项目的时候，拿源码改成自己的库，从写一遍 index.html <!DOCTYPE html> <html> <head> <!-- https://github.com/jorgenbs/ImageCl ......
js-基础实战
jquery中: $().val() //代表取值 $().val("") //代表清空 $().val("abcdefg") //代表赋值 $.trim()是jQuery库中的一个函数，用于删除字符串的首尾空格。 define 定义模块 (定义aes 未依赖任何 函数) 相当与返回i define ......
推荐一个页面引导库 driver.js
页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。 我们来看下如何使用 driv ......
js中反斜杠替换问题
在windows机器上，vscode复制完相对路径，路径为反斜杠 想在控制台用js将反斜杠替换为正斜杠，结果失败 js的字符串是不能直接写单个反斜杠的 let str = 'src\aaa\bbb\ccc' 实际上会变成 'srcaaa\bbbccc' 只有\b被保留，应该是当成正则原字符了，待验证 ......
js判断2个时间段是否有重叠（时分）
原理：1天1440分钟，每个时间段都有对应的数值，生成2个数组，判断数组中是否有重叠数字 isTimeOverlap(startA, endA, startB, endB) { if (!startA || !endA || !startB || !endB) return false let sA ......
Next.js 开发指南 路由篇 | 动态路由、路由组、平行路由和拦截路由
前言 实际项目开发的时候，有的路由场景会比较复杂，比如数据库里的文章有很多，我们不可能一一去定义路由，此时该怎么办？组织代码的时候，有的路由是用于移动端，有的路由是用于 PC 端，该如何组织？如何有条件的渲染页面，比如未授权的时候显示登录框？如何让同一个路由根据情况不同展示不同的内容？ 本篇我们会一 ......
HTML+CSS+JS 实现苹果手表表盘
仿苹果手表表盘 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z --> ......
[Node.js]安装 pnpm
官方的文档：https://www.pnpm.cn/installation 我电脑是先安装 cnpm ，再使用 cnpm 安装 pnpm ： cnpm install -g pnpm 安装的很快，然后查看已安装版本： pnpm -v 8.14.0 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
HTML页面的哈希（hash）路由原理+原生js案例
<!-- * 场景:不刷新页面，对页面的局部内容进行更改 *方案1：ajax 方法 *方案2：哈希（hash）路由原理 *方案2讲解：监听浏览器的url中的hash（url的#后面的文本——锚文本）值，进行更改内容 --> <!DOCTYPE html> <html lang="cn"> <head ......
js逆向
一、hook 相当于在浏览器注入JS 1.1 JSON.parse、JSON.stringify 把JSON.parse赋值到parse_变量中，这时候就可以调用parse_就相当于执行了JSON.parse，然后重写该方法，让它遇到JSON.parse的时候就debugger端住，然后返回原来的逻 ......
Node.js开发：如何实现用户权限管理功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Node.js开发：如何实现数据排序和筛选功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Node.js开发一个在线商城的购物车功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Node.js开发：如何实现数据验证和过滤功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
JS时间比较大小
1 时间比较 var curTime = new Date(); //把字符串格式转化为日期类 var starttime = new Date(Date.parse(begintime)); var endtime = new Date(Date.pares(endtime)); //进行比较 r ......
JS获取当月最后一天用法介绍
1 获取当前月份最后一天方法 1）使用Date对象获取当前年份和月份； 2）创建一个新的Date对象，设置日期为当前月份的下一个月的第0天(即当前月份的最后一天)； 3）使用getDate()方法获取当前月份最后一天的日期。 const date = new Date(); const year = ......
记录用<input type="file">取代<video><canvas>
之前搞了H5里调用摄像头拍照上传图片的功能，使用<video><canvas>标签，然后 navigator.mediaDevices.getUserMedia(constraints)来打开摄像头，再用canvas.draw制作图片。参加上上篇文档。 但是这个功能需要HTTPs。要花钱买SSL，我 ......
每周总结1/8（spring跨域问题与百度接口node.js跨域问题解决）
//baidu.js文件，接收传递的图片，进行base64处理，上传百度接口返还json处理结果const express = require('express'); const multer = require('multer'); const request = require('request ......
2D动画软件对比，快速接入前端/游戏引擎
点击蓝字链接查看runtime/SDK详情 runtime 前端UI 游戏引擎 工作流 导出 特色功能 限制 定价 spine JS/TS, Flutter, webGL/Canvas/webPlayer, C/C++/C#/Java UE, Unity, Godot 客户端 .json, .ske ......
JS生成随机数
function generateRandomNumber() { let numbers = Array.from({ length: 10 }, (_, i) => i); // 生成一个包含0到9的数组 let randomArray = []; for (let i = 0; i < 12; ......
Cocos Creator 3.8 开发2D水面波纹Shader
使用cocos Creator 3.8做了一个游戏开中常用的2D的波浪水面,把技术点给记录一下，并提供完整的Shader代码。先上效果: 添加图片注释，不超过 140 字（可选） 2D 波浪的基本技术原理 2D 水面波纹的主要原理就是给定一个正选波的边界，在范围内的片元uv就显示，在范围外的片元uv ......
js递归获取树形菜单某个节点的所有父节点
let arr=[ { id:1, name:1, children:[ { id:2, name:2, children:[ { id:3, name:3, children:[] } ] } ] }, { id:4, name:4, children:[ { id:5, name:5, chil ......
Three.js 纹理贴图的实现
几何形状定义了网格的形状，材料定义了网格的各种表面属性，特别是它对光的反应。几何体和材质，以及影响网格的任何光影，在渲染场景时控制网格的外观。 ......
js中for in和for of详细讲解
1、for in的详细讲解, for in遍历数组的毛病 1.index索引为字符串型数字，不能直接进行几何运算. 2.遍历顺序有可能不是按照实际数组的内部顺序 3.使用for in会遍历数组[所有的可枚举属性]。 包括[原型]。例如上栗的[原型方法]method和[name]属性 所以for in ......
Vue.js 原理分析
本文内容提炼于《Vue.js设计与实现》，全书共 501 页，对 Vue.js 的设计原理从 0 到 1，循序渐进的讲解。 篇幅比较长，需要花些时间慢慢阅读，在合适的位置会给出在线示例以供调试。 一、概览 Vue.js 是一款声明式框架，注重结果；早年间流行的 jQuery 是典型的命令式框架，注重 ......
去年最火的 JS 开源项目「GitHub 热点速览」
近日，「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目（2023 JavaScript Rising Stars），前 10 的开源项目 Star 增长竟然都是令人惊叹的 1.5w 起步，第一名更是近 4w ?，简直太逆天了！ ......
pdf.js预览pdf文件
使用pdf.js窗口预览pdf 一、业务场景 预览pdf一般通过浏览器自带的pdf预览器就可以，但有时候需要窗口预览或自定义操作，可以使用pdf.js操作 二、使用方法 1. 下载安装 pdf.js需要构建后使用，我们可以直接下载安装pdfjs-dist，这是构建好的版本 npm install p ......