websocket node 04 js
node版本管理工具推荐
hello，今天给大家分享几款 node 版本管理的工具。 背景 在开发前端项目的时候，特别是新到公司接手一个多年维护的老项目时，如果 node 版本不正确，有的插件可能无法正确安装，比如我之前提到的 node-sass 无法安装问题，具体请看：https://www.cnblogs.com/eas ......
Next.js 开发指南 初始篇 | Next.js CLI
Next.js 开发指南 初始篇 | Next.js CLI 基础篇、实战篇、源码篇、面试篇四大篇章带你系统掌握 Next.js！ 前言 欢迎学习 Next.js！在学习具体的知识点之前，我们先来创建一个 Next.js 项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果 ......
Next.js 开发指南 路由篇 | App Router
Next.js 开发指南 路由篇 | App Router 前言 路由（routers）是应用的重要组成部分。所谓路由，有多种定义，对于应用层的单页应用程序而言，路由是一个决定 URL 如何呈现的库，在服务层实现 API 时，路由是解析请求并将请求定向到处理程序的组件。简单的来说，在 Next.js ......
去年最火的 JS 开源项目「GitHub 热点速览」
去年最火的 JS 开源项目「GitHub 热点速览」 近日，「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目（2023 JavaScript Rising Stars），前 10 的开源项目 Star 增长竟然都是令人惊叹的 1.5w ......
04_GPIO输入
GPIO输入 按键介绍 传感器模块介绍 硬件电路 C语言数据类型 按键控制LED 接线图 代码 LED.c #include "stm32f10x.h" // Device header void LED_Init(void) { RCC_APB2PeriphClockCmd(RCC_APB2Per ......
JS常用工具：Webpack 和 JShaman分别有什么用？
Webpack和JShaman是两个不同的工具，它们的特点和用途也不同。 Webpack是一个前端资源模块打包工具，主要用于将各种静态资源（如JavaScript、CSS、图片等）视为模块，并将其打包成浏览器可以识别的代码。Webpack的特点包括： 1. 模块化：Webpack将各种资源视为模块， ......
这一次，弄明白JS中的文件相关（一）：概念篇
概念是学习的基础。在学习JS中的文件操作之前，先把文件相关的各种概念搞清楚，很有好处。 1. 二进制： 计算机硬件仅能处理和存储二进制数据，所以不管是你正在写的代码，还是你硬盘里的小姐姐，都是以二进制的形式存储于电脑的内存和硬盘里的。 2. 编码规则： 二进制计算机看得懂，我们看不懂怎么办啊？我们能 ......
Ubuntu 20.04版本安装k8s控制节点
一、环境配置 服务器配置：2核4G IP：192.168.10.23 主机名：master4将改主机加入此 集群 # 1.修改主机名 hostnamectl set-hostname master4 && bash # 2.添加hosts 127.0.1.1 master4 192.168.10.2 ......
js string转html节点
1、 var str = "<h1>这是一个标题</h1>"; var parser = new DOMParser(); var doc = parser.parseFromString(str, "text/html"); var html = doc.body.firstChild; 2、 c ......
一行代码解决Three.js中只能在一侧看到物体的问题
项目场景： 因为该项目比较复杂庞大，在此就简单介绍一下： 通过Three.js创建若干个物体进行了组装，从而形成了一个类似眼球模拟模型的项目，用户可以通过拖动鼠标来达到控制视角（摄像机）的目的，以此来观察整个眼球状态。 Image1 Three.js眼球模型 注：下面所说的正视为从红线正轴往瞳孔（黑 ......
【APP逆向04】Frida的下载与安装
HOOK是什么？ Hook 框架是一种技术，用于在运行时拦截和修改应用程序的行为。通过 Hook，你可以劫持应用程序的方法调用、修改参数、篡改返回值等，以达到对应用程序的修改、增强或调试的目的。 常见的hook框架 Xposed Framework：Xposed 是一个功能强大的开源 Hook 框架 ......
js中的对象，如果赋值给多个变量，那么会有性能问题吗
js中的对象，如果赋值给多个变量，那么会有性能问题吗？ 在JavaScript中，将一个对象赋值给多个变量时，并不会直接导致性能问题。当一个对象被赋值给多个变量时，实际上这些变量都会引用同一个对象，即它们指向内存中的同一块地址。这种行为称为“对象引用”。 例如： const obj = { a: 1 ......
websocket
首先使用api创建对象var ws = new WebSocket(url) //url:: ws://ip:port/res websocket对象的相关方法：send()//用于给服务端发送数据 相关事件：open/message/error/close 使用方法：websocket对象.on( ......
JS的常用验证正则
密码正则 密码必须为8到16位且必须包含数字和字母以及特殊字符 const pattern2 =/^(?!([A-Z]*|[a-z]*|[0-9]*|[!-/:-@\[-`{-~]*|[A-Za-z]*|[A-Z0-9]*|[A-Z!-/:-@\[-`{-~]*|[a-z0-9]*|[a-z!-/: ......
Ubuntu 23.04、22.04、20.04、18.04替换国内源
Ubuntu配置国内源 配置步骤如下： 1.Ubuntu配置文件位置：/etc/apt/sources.list 2.需要用root权限进入： sudo vi /etc/apt/sources.list 3.用vi、gedit等编辑工具打开文件进行修改 4.有2种修改方式 1.把原文件中：archi ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
04.Postman 基础使用
目录 Postman 工具准备 Postman 使用 Postman 工具准备 Postman 介绍 快速构建请求 提供响应结果的比较功能 查看测试结果 批量运行 设置环境变量 Postman 安装 官网下载地址 https://www.postman.com/downloads Postman 页 ......
js压缩命令
JS（JavaScript）的压缩可以使用不同的工具来完成。下面列举了两种常见的JS压缩命令及其对应的示例代码： UglifyJS2：这是一个流行的JS压缩工具，可通过Node.js运行。安装UglifyJS2后，可以在命令行中输入以下命令进行压缩： uglifyjs input.js -o out ......
ubuntu20.04 opencv 4.2 + opencv_contrib 4.2.0 安装笔记 和 opencv 4.5.4 with cuda 安装笔记
参考： https://docs.opencv.org/4.x/d7/d9f/tutorial_linux_install.html Build with opencv_contrib # 1. Install minimal prerequisites， libgtk2.0-dev pkg-con ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
微信小程序或js中获取url参数
微信小程序扫普通链接获取url参数ps: 这里的方法跟 打开页面路径中的参数不一样哈.欢迎各位大神前来指点 文章目录微信小程序扫普通链接获取`url`参数方法一：方法二：方法三：使用微信小程序获取`页面路径`参数js中获取url参数方法一：可获取多个参数 /*** params1： url* par ......
js图片懒加载，在不做分页的情况下的解决方案
Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont ......
如何在 Ubuntu 20.04 上安装 Java
如何在 Ubuntu 20.04 上安装 Java 在这个指南中，我们将会描述如何在 Ubuntu 20.04 上安装 Java。 Java 是世界上最流行的编程语言之一，被用来构建各种不同的应用和系统。Java 运行在所有的主流操作系统和设备上。你可以在你的笔记本，电话和游戏中发现使用 Java ......
升讯威在线客服系统是如何实现对 IE8 完全完美支持的（怎样从 WebSocket 降级到 Http）
简介 升讯威在线客服与营销系统是基于 .net core / WPF 开发的一款在线客服软件，宗旨是： 开放、开源、共享。努力打造 .net 社区的一款优秀开源产品。 完整私有化包下载地址 💾 https://kf.shengxunwei.com/freesite.zip 当前版本信息 发布日期： ......
ubuntu 22.04部署docker
# 1.更新源 sudo apt update # 2.安装必要的依赖项： sudo apt install apt-transport-https ca-certificates curl software-properties-common # 3.添加Docker官方GPG密钥： curl - ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......
JS基础（一）引入方式，基本语法，数据类型，类型转换，原始类型和引用类型的区别
JS和python很像滴，好学，快快过一遍 一、JS引入方式 <script> // js 的代码 alert("hello alvin!") </script> 二、JS基本语法 打印console.log作为日志打印，在浏览器里f12检查，console可以看见。 区分大小写哦。 JS中可以用换 ......
node.js 安装与环境变量配置
一、安装node.js 官网：下载地址 历史版本：历史版本下载地址 下载完毕后，可以安装node，一路默认选项即可。这里我的安装路径是：D:\environment\nodejs。 建议不要安装在系统盘（如C：），建议安装的路径不要有中文。 二、设置nodejs prefix（全局）和cache（缓 ......