websocket客户端 客户js
js判断url是否可用
问题 需要判断url是否可用，再去执行其他操作，代码如下： const loadScript = (url) => { return new Promise((resolve, reject) => { const script = document.createElement('script') ......
js的书写位置
行内 <button onclick="alert(’不好意思，密码错误哦‘）”>验证</button> <a href="javascript:alert（’不好意思，密码错误哦‘）">验证</a> button 为按钮，可用于之后编写验证按钮 注意：若要也行内，在div中注意要加onclick= ......
JS脚本实现刷新页面，随机加载背景图片
新建switch.js,内容如下： var imgs = [ "https://mlabs.gitee.io/pics/webp/tiankong002-mid.webp", "https://mlabs.gitee.io/pics/webp/wallhaven-gp1q87.webp", "htt ......
js 拼接字符串带变量(js方法参数单双引号拼接的问题记录)
小结：外面单引号，里面双引号，然后方法参数给转义的单引号即可(看下面的onClick事件即可） //刷新二级信号表格（增删改操作后） function reloadSignal(subId) { //清空 $("#msgAll"+subId).empty(); //js手工添加表格 var html ......
js将数字转换为对应的中文数字
/** * 将数字转换为中文 * @param {} num * @returns */ export const changeNumToHan = (num) => { var arr1 = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'] va ......
js 数组按指定字段转map-list结构
js 数组按指定字段转map-list结构 背景介绍 在开发过程中经常会出现接口返回整个数组，我们需要将数组进行二次处理，如下格式按照不同功能模块（type）进行数据拆分 原始数据 const list = [ {"type":"red","id":1,"name":"a","count":1}, ......
Python Kafka客户端confluent-kafka学习总结
实践环境 Python 3.6.2 confluent-kafka 2.2.0 confluent-kafka简介 Confluent在GitHub上开发和维护的confluent-kafka-python，Apache Kafka®的一个python客户端，提供了一个与所有brokers>=v0. ......
js获去select选中值
我想获取select选中的value，或者text，或者…… 比如这个： 一：JavaScript原生的方法 1:拿到select对象： `var myselect=document.getElementById("select"); 2：拿到选中项的索引：var index=myselect.se ......
如何在Vue.js中添加headers（标头） 使用 axios，单独请求，所有请求 添加请求头
如何在Vue.js中添加headers（标头）使用 axios，单独请求，所有请求 添加请求头 Vue.js 是一个流行的前端框架，它以其简单易用的 API 和高度可组合的架构而闻名。当你构建一个 Web 应用时，你通常会使用一个 HTTP 客户端来与 API 交互。该客户端可以是一个浏览器内部的 ......
js日期排序
let data = [ {id: 2, time: '2019-04-26 10:53:19'}, {id: 4, time: '2019-04-26 10:51:19'}, {id: 1, time: '2019-04-26 11:04:32'}, {id: 3, time: '2019-04- ......
js substring截取字符串，不信你看不懂，简单案例分享
在 JavaScript 中，substring 方法用于截取字符串。它返回字符串的一个子集，即原始字符串中介于两个指定下标之间的字符。substring 方法的语法如下： str.substring(indexStart[, indexEnd]) indexStart：必需的参数，表示要提取的第一 ......
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 更简单，更适合处理服务器向客户端发送数据的情 ......
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 ......
JS对象文档 - FormData
前言 FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去，本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data"，它会使用和表单一样的格式 ......
爬虫之抓取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 ......
node.js快死了！Bun 1.0 正在改变 JavaScript 游戏规则
在进一步讨论之前，我们需要解释什么是 javascript 运行时以及为什么我们应该关心它的速度。 想象一下，你用JavaScript写了一个故事，你需要有人大声朗读。JavaScript 运行时就像那个友好的叙述者，让你的故事栩栩如生！这是一个特殊的环境，你的JavaScript故事被阅读和表演出 ......
hrml-js笔记
Chrome 警告: Page layout may be unexpected due to Quirks Mode 文档加上 <!DOCTYPE html> 修改后一个悬浮的Div 位置错误 TipDiv.style.left = event.clientX; ... 修改后为 TipDiv.s ......
博客园博客高级JS美化
前言 之前有过博客园[JS美化]简单教程 有很多园友就私信问我，说这篇都是比较基本的美化，虽然也很好看，但是想要我这种效果的。 今天就把我博客的实现JS代码赠给大家！ 准备 和博客园[JS美化]简单教程一样的，进入博客后台，申请JS权限，然后选择皮肤SimpleMemory 申请大概半个小时到一天左 ......
极致性能优化：前端SSR渲染利器Qwik.js
引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互，而前端框架的选择对于实现这些目标至关重要。然而，传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下，我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架，更是一种前端 ......
服务器可以选择IP地址以及端口号，客户端可以随便选择IP地址以及端口号的版本
目录服务器可以选择IP地址以及端口号，客户端可以随便选择IP地址以及端口号的版本UDP协议TCP协议 服务器可以选择IP地址以及端口号，客户端可以随便选择IP地址以及端口号的版本 UDP协议 服务器代码 #互相通信版本(pro版本) import socket # udp的服务器(server)的格 ......
js把json字符串转成json数组
如何将 JSON 字符串转换为 JSON 数组。 假设你有以下 JSON 字符串，它表示一个简单的数组，其中包含两个对象： '[{"id": 1, "name": "Alice"}, {"id": 2, "name": "Bob"}]'要将这个 JSON 字符串转换为 JavaScript 中的数组 ......
js怎么把json字符串转化为一个对象
在JavaScript中，如果你有一个JSON字符串，你可以使用 JSON.parse() 方法将其转换成一个JavaScript对象。 例如，如果你有以下的JSON字符串： '{"id": 1, "name": "Alice"}'你可以使用以下的代码将其转换成一个JavaScript对象： // ......
1. 客户端代码执行流程
目录1. GIT拉取客户端代码2. tf配置文件结构2.1 backend.tf 配置terraform 状态文件存储在哪 (local AWS S3...)2.2 main.tf terraform入口文件2.3 provider.tf 配置terraform供应商2.4 terraform.tf ......
前端学习-JavaScrip学习-js基础02
学习教程：黑马程序员视频链接 运算符 自增运算符 let i = 1; console.log(i++ + 1); //输出2，i=2 let i = 1; console.log(++i + 1); //输出3，i=2 比较运算符 开发中，判断相等，推荐用 比较小数会有精度问题 逻辑运算符 优先级 ......
js中let,var区别
在JavaScript中，let和var都是用来声明变量的关键字，但它们有一些重要的区别： 作用域：var在声明变量时具有函数级作用域，而let具有块级作用域。这意味着var定义的变量在整个函数内部都可见，而let定义的变量只在声明它的代码块内可见。 例如： function test() { va ......
sse_server sent event_eventSource_websocket替代_socketio替代_服务器端事件
event source backend # -*- coding: utf-8 -*- # 这段代码是使用FastAPI框架创建一个简单的服务器端事件（Server-Sent Events，SSE）的示例。以下是对代码的详细解析： # 1. `import json, random, ...`：这 ......
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 的 ......
前端学习-JavaScrip学习-js基础01
学习教程：黑马程序员视频链接 JS简介 JS组成 JavaScrip = ECMAscript（语言基础）+web API web API=BOM+DOM 资料查询网站：MDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......