foreach js
js vue中pdf与img互转
需要 npm install vue-pdf 和 npm install pdfjs-dist，新建js文件 pdtToImg.js： import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......
JS逆向——某道翻译
文章中所有内容仅供学习交流，不可用于任何商业用途和非法用途，如有侵权，请联系作者立即删除！ 目标网站：aHR0cHM6Ly9mYW55aS55b3VkYW8uY29tL2luZGV4Lmh0bWwjLw== 一、定位接口 使用Chrome浏览器，打开Network进行抓包 输入要翻译的字符串：Hel ......
vite ts 安装 js-cookie 库，vscode找不到类型说明（有波浪线），解决方案
vite ts 安装 js-cookie 库，vscode找不到类型说明（有波浪线），解决方案 先安装库 https://www.npmjs.com/package/js-cookie 再安装类型 https://www.npmjs.com/package/@types/js-cookie 问题 然 ......
js中get请求参数含有特殊字符的处理
在拼接参数的时候，使用 encodeURIComponent() 进行手动转义。var url= "xxxx?name=" + encodeURIComponent("aaa&bbb") 特殊特殊字符的含义： 字符特殊字符的含义URL编码 + URL 中+号表示空格 %2B 空格 URL中的空格可以 ......
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
js之列表转为树结构
js之列表转为树结构 原理： list.reduce 方法： children：子级数组名称id：数据idparentid：父级id字段名称 如果列表中字段名称不一致，需要修改方法中的这三个参数名。 list：列表数据rootvalue：父元素id字段第一级的默认值，一般为0或者null。根据数据传 ......
H50088：js动态生成html代码的三种形式
1， // 方案一 O.TEMPLATE = '<div class="viewer-container">\ <div class="viewer-canvas"></div>\ <div class="viewer-footer">\ <div class="viewer-title"></di ......
Win7系统安装高版本node.js方法，node 16.x ，node 17.x（跳过安不了17），node 18.x，node 19.x 20.x（没测试20）
随着前端框架的不断升级，node16.3.0的版本远远跟不上开发需要，导致win7无法安装高于16.3.0版本的node.js，经过不断的尝试和查找网上的帖子，终于解决了可以升级到19.x的nodejs了 方法如下： （1）按照原来方式先升级到Nodejs16.3.0，先看我上次发的内容。地址：ht ......
E8重写已有JS事件
window.onload = function() { overwriteSubmit(function(){ // 验证成功返回true alert("12312312"); return true; // 验证失败返回false }); }; /** * 重写保存事件。 */ var over ......
JS实现点击复制
JS实现点击复制 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/ ......
谷歌Chrome浏览器排查js内存溢出
1. 打开谷歌浏览器检查台 2. 点击memory 3. 点击开始快照录制，时隔一会儿录一次，多录几次 4. 进行快照对比 ......
自学 --day9---js中的数学操作和时间日期
typora-copy-images-to: media 一、数学处理 1、Math常用API 圆周率 Math.PI // 3.1415926535 生成随机数 Math.random() 生成的是0~1之间的随机小数，通常在实际项目中需要获取到一个范围内的随机整数，利用这个随机小数封装一个获取范 ......
js精度丢失的问题，利用lodash函数库重新封装
function roundAndPad(num, decimalPlaces) { var rounded = _.round(num, decimalPlaces); // 使用Lodash的_.round函数四舍五入 var str = rounded.toString(); var deci ......
对某登录站点的JS前端逆向思路
js逆向一直没有相关了解，虽然目前渗透遇见的不是很多，大多数遇见的要么不加密，要么无法实现其加密流程，不过最近看到了一个较为简单的站点正好能够逆向出来，就做了简单记录。本文旨在介绍js逆向的一些基础思路，希望能对初学js前端逆向的师傅有所帮助。 ......
常用JS工具函数-判断视频的时长
📐 实现原理 通过创建一个Video标签，然后获取时长 🚄 实现 考虑到后面这个东西会常用，因此我这里通过封装成独立一个JS文件。 文件名称：videoDurationJudgment.js ✨方法封装✨ function videoDurationJudgment(file, maxDurat ......
Node.js 单线程模型和事件循环机制
Node.js 单线程模型和事件循环机制详解 一、Node.js 单线程模型 Node.js 采用单线程事件循环的机制来处理请求。这意味着,Node.js 主线程中 JavaScript 代码的执行过程是单线程的,也就是一次只能执行一个代码块。单线程可以避免一些复杂的多线程同步问题,提高性能。 No ......
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介
引子 浏览器URl地址，上网一定会用到，但是浏览器地址有中文或者浏览器url参数操作的时候，经常会用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。关于浏览器参数操作，请看文章javascript浏览器参数的操作，js获取浏览器参数 ......
Web_XCTF_WriteUp | simple_js
题目 提示： 小宁发现了一个网页，但却一直输不对密码。(Flag格式为 Cyberpeace{xxxxxxxxx} ) 题目： 分析 F12 打开查看器找到一串 JS 代码： 分析一下大致意思： function dechiffre(pass_enc){ var pass = "70,65,85,8 ......
js判断是否为数组方法
判断是否为数组的方法： 方法一：Array.isArray([]) 通过Array数组的构造函数上的isArray方法判断 可以看到isArray并不在数组的原型对象上 为啥捏 扩展1：为什么isArray不放在原型链上 ==》解析： 因为实例能够调用原型链上的方法 比如 要判断一个变量 X 是不是 ......
自学day8 js的字符串
typora-copy-images-to: media ES5和字符串 一、ES5的语法 js在产生的时候，年代比较早，当时的web需求比较少，所以刚开始的js功能比较少，语法没有特别严谨。随着时代的发展和web应用的普及，js需要更多的功能，以及更严谨的语法，所以，js会有版本的升级。第一版的j ......
js和python获取1-100之间的质数
js for (let i = 2; i <= 100; i++) { let iszs = true for (let j = 2; j < i; j++) { if (i % j 0) { iszs = false break } } if (iszs) { zs.push(i) } } con ......
图文剖析 big.js 四则运算源码
big.js，一个小型、快速的用于任意精度的十进制算术的JavaScript 库。 big.js 用于解决平常项目中进行算术运算时精度丢失引起的结果不准确的问题。和 big.js 类似的两个库 bignumber.js 和 decimal.js 也都是出自同一作者（MikeMcl）之手。 作者在 这 ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致，重新调整下他们的顺序后，问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码，js实现懒加载、vue实现图片懒加载指令
手机直播源码，js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件，当视口的高度＋滚动高度，大于图片所在位置举例顶部的偏移量时(也就是距离)，加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
js屏蔽回车提交
在做Web项目时，可能会碰到点击回车键自动触发了点击事件的问题。针对于特定的环境需要屏蔽掉回车键，防止自动触发，以下为js的处理方法。 （回车，ASCII码为13） <script> document.onkeydown = function (event) { var eve = event ? ......
js阻止浏览器刷新，以防误操作丢失数据
//禁用回退 window.history.forward(1); history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(nul ......
emscripten 中c 代码引用外部js 函数
主要是一个简单的学习，webassebly 支持通过import 调用环境的函数（比如调用浏览器或者nodejs 中的一些方法） 简单说明 方法很多，包含了emscripten 提供的调用js 的宏，但是以下使用了一个emscripten 提供的--js-library 功能 --js-librar ......
常用three.js
添加背景图 var urls = ['1.png', '1.png','1.png', '1.png','1.png', '1.png',]; scene.background = new THREE.CubeTextureLoader().setPath('/').load(urls) 添加雾 s ......
npm学习（六）之如何创建 Node.js 模块
如何创建 Node.js 模块 Node.js 模块是一种可以发布到 npm 的包。当你创建一个新模块时，创建 package.json 文件是第一步。 你可以使用 npm init 命令创建 package.json 文件。命令行中将会提示 package.json 字段中需要你输入的值。名称（n ......
js event.target和event.currentTarget区别
首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 事例 <te(ddd)>test</te(ddd)> event.target 取得是<te(ddd)>test</te(ddd)> event.currentTarget 取得是 ......