jsx tsx js ts

js判断数据类型最准确的方法之一

function getType(data) { const type = Object.prototype.toString.call(data); let res = ''; switch (type) { case '[object Object]': res = 'Object'; brea ......
类型 方法 数据

JS三种实时通信方式—Eventsource、websocket与socket.io之间的差异和优缺点

Eventsource、websocket与socket.io 三者的差异和优缺点EventSource EventSource 是一种轻量级的 API,用于获取来自服务器的实时事件。它是 WebSockets 的替代方案,因为它比 WebSockets 更简单,更适合处理服务器向客户端发送数据的情 ......

vue3.0 + ts 实现上传工厂(oss与cos)

概述 将上传基类命名为MOS(Mine Object Storage) mos.ts代码 import {MosType} from './mosConfig' import {Loading} from '../loading' import {type BinaryFile, type MosF ......
工厂 vue3 vue oss cos

celery flower通过nginx部署 静态文件css js

nginx 添加以下配置 location /flower { proxy_pass http://127.0.0.1:5555; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_head ......
静态 文件 celery flower nginx

JS对象文档 - FormData

前言 FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去,本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data",它会使用和表单一样的格式 ......
FormData 对象 文档

爬虫之抓取js生成的数据

有很多页面,当我们用request发送请求,返回的内容里面并没有页面上显示的数据,主要有两种情况,一是通过ajax异步发送请求,得到响应把数据放入页面中,对于这种情况,我们可以查看关于ajax的请求,然后分析ajax请求路径和响应,拿到想要的数据;另外一种就是js动态加载得到的数据,然后放入页面中。 ......
爬虫 数据

Vue.js 获取当前日期前几个月的日期

1、获取当前日期并想获取6个月前的日期 getDate() { var now = new Date(); var year = now.getFullYear(); //得到年份 var month = now.getMonth() + 1; //得到月份 var date = now.getDa ......
日期 Vue js

node.js快死了!Bun 1.0 正在改变 JavaScript 游戏规则

在进一步讨论之前,我们需要解释什么是 javascript 运行时以及为什么我们应该关心它的速度。 想象一下,你用JavaScript写了一个故事,你需要有人大声朗读。JavaScript 运行时就像那个友好的叙述者,让你的故事栩栩如生!这是一个特殊的环境,你的JavaScript故事被阅读和表演出 ......
游戏规则 JavaScript 规则 正在 node

hrml-js笔记

Chrome 警告: Page layout may be unexpected due to Quirks Mode 文档加上 <!DOCTYPE html> 修改后一个悬浮的Div 位置错误 TipDiv.style.left = event.clientX; ... 修改后为 TipDiv.s ......
hrml-js 笔记 hrml js

博客园博客高级JS美化

前言 之前有过博客园[JS美化]简单教程 有很多园友就私信问我,说这篇都是比较基本的美化,虽然也很好看,但是想要我这种效果的。 今天就把我博客的实现JS代码赠给大家! 准备 和博客园[JS美化]简单教程一样的,进入博客后台,申请JS权限,然后选择皮肤SimpleMemory 申请大概半个小时到一天左 ......
博客

极致性能优化:前端SSR渲染利器Qwik.js

引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互,而前端框架的选择对于实现这些目标至关重要。然而,传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下,我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架,更是一种前端 ......
前端 利器 极致 性能 Qwik

js把json字符串转成json数组

如何将 JSON 字符串转换为 JSON 数组。 假设你有以下 JSON 字符串,它表示一个简单的数组,其中包含两个对象: '[{"id": 1, "name": "Alice"}, {"id": 2, "name": "Bob"}]'要将这个 JSON 字符串转换为 JavaScript 中的数组 ......
数组 json 字符串 字符

js怎么把json字符串转化为一个对象

在JavaScript中,如果你有一个JSON字符串,你可以使用 JSON.parse() 方法将其转换成一个JavaScript对象。 例如,如果你有以下的JSON字符串: '{"id": 1, "name": "Alice"}'你可以使用以下的代码将其转换成一个JavaScript对象: // ......
字符串 字符 对象 json

前端学习-JavaScrip学习-js基础02

学习教程:黑马程序员视频链接 运算符 自增运算符 let i = 1; console.log(i++ + 1); //输出2,i=2 let i = 1; console.log(++i + 1); //输出3,i=2 比较运算符 开发中,判断相等,推荐用 比较小数会有精度问题 逻辑运算符 优先级 ......
前端 JavaScrip 基础 js

js中let,var区别

在JavaScript中,let和var都是用来声明变量的关键字,但它们有一些重要的区别: 作用域:var在声明变量时具有函数级作用域,而let具有块级作用域。这意味着var定义的变量在整个函数内部都可见,而let定义的变量只在声明它的代码块内可见。 例如: function test() { va ......
let var

NodeJS系列(13)- Next.js 框架 (六) | Node.js + Next.js + Prisma/Sequelize (ORM) + MySQL 搭建 JSON API 服务

Next.js 是一个用于构建 Web 应用程序的框架。Next.js 是一个用于生产环境的 React 框架,是一个 React 服务端渲染应用框架。 NextJS: https://nextjs.org/ Prisma 是一个基于 promise 的 Node.js 和 TypeScript 的 ......
Next Sequelize 框架 js NodeJS

前端学习-JavaScrip学习-js基础01

学习教程:黑马程序员视频链接 JS简介 JS组成 JavaScrip = ECMAscript(语言基础)+web API web API=BOM+DOM 资料查询网站:MDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
前端 JavaScrip 基础 js

js tab跟随滑动切换tab

js: let anchors = document.querySelectorAll("div[data-anchor-index]"); let observer = new IntersectionObserver((entries) => { entries.forEach((entry) ......
tab js

JS 工具函数

1、校验数据类型 export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() } 示例: typeOf('树哥') // string type ......
函数 工具 JS

【2023最新】超详细!!!新商盟卷烟js逆向_包括验证码错误问题

前言 新商盟卷烟 密码 js 逆向 密码加密好解决,但是多次请求,还会有一个验证码 这个时候就会请求失败 所以验证码问题我也会解决 1 抓包 先模拟登录,抓到返回表单的包 2 搜素加密字段 输入加密的字段,搜索js文件打断点调试 3 断点调试 在可疑的字段处打上断点 再次输入进行调试 调试后我们发现 ......
卷烟 错误 问题 2023

js多图合成一张图

js多图合成一张图 具体思路 先设置画布的宽高,再将每个图片整理成一个对象的数组通过某个方法传出合成后的base64 (1)、创建一个画布的类,他的属性是canvas虚拟dom和ctx (2)、构造器初始化convas对象、ctx、convas的宽高 (3)、这个类应该有将配置的对象数组合成图片的方 ......

flv.js断开重连-画面卡顿-跳帧重连

1、播放页面卡住不动是进行截图并在一定时间内重新连接, 2、重连阶段显示截取卡住画面把图片显示等待视频流上来不至于video标签显示成黑屏; <video src="" autoplay muted loop :controls="false" style="background: #000" :p ......
画面 flv js

js事件循环机制

何为进程? 程序运行需要有它自己专属的内存空间,可以把这块内存空间简单的理解为进程 何为线程? 有了进程后,就可以运行程序的代码了。 运行代码的「人」称之为「线程」。 一个进程至少有一个线程,所以在进程开启后会自动创建一个线程来运行代码,该线程称之为主线程。 如果程序需要同时执行多块代码,主线程就会 ......
机制 事件

vue+js实现点击图片,图片放大

1.首先在template中插入image,并赋予点击事件(这个时候是小图) <template> <div> <img src="@/assets/images/avatar.png" @click="imgShow()" /> </div> </template> 2.data定义点击放大的图片 ......
图片 vue js

js常用复制功能

方式一: //方式一:支持http let str= "aaaaa" const copyInput = document.createElement('input'); copyInput.value = str; document.body.appendChild(copyInput); cop ......
常用 功能

js中的includes用法

includes可用于查找数组和字符串是否包含某元素,包含返回true,否则返回false 1、数组 let arr = [1,2,3,4,5] arr.includes[4] // true arr.includes[9] // false 2、字符串 var str = "Hello world ......
includes

全国建筑市场js逆向

全国建筑市场js逆向url:https://jzsc.mohurd.gov.cn/data/company首先进入网址查看一下页面结构进去查找一下源代码是否有页面元素,在网络里面进行搜索并没有找到相应的页面元素,所以除了在静态数据,那就只剩动态数据了,所以我们抓一下ajax的包查看一下(一般都在aj ......
建筑市场 全国 市场

QQ空间自动点赞js脚本

QQ空间自动点赞评论脚本 F12 控制台 对于主页用以下代码 var x=5,y=10; function autoClick() { y=y+10+Math.floor(Math.random()*10); var zan = document.getElementsByClassName('it ......
脚本 空间

记录--20行js就能实现逐字显示效果???-打字机效果

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 效果演示 横版 竖版 思路分析 可以看到文字是一段一段的并且独占一行,使用段落标签p表示一行 一段文字内,字是一个一个显示的,所以这里每一个字都用一个span标签装起来 每一个字都是从透明到不透明的过渡效果,使用css3的过渡属性tran ......
效果 打字机 20

如何使用VSCode调试JS?

序言 做前端开发的朋友经常需要使用Visual Studio Code编辑代码,很多朋友就想在VSCode调试JS代码,下面我们就介绍下如何配置操作。 一、环境准备 首先安装好VSCode,准备好一个JS项目,在VSCode中安装插件Debugger for Chrome (如下图操作搜索安装即可) ......
VSCode