wn244的个人博客

项目初始化1yarn create vite 选择vue和TypeScript，创建项目后，进入项目目录，安装相关依赖： 123yarn#或者npm install 项目初始化就完成了，进入package.json文件中，可以在scripts模块中看到相关的命令，执行yarn dev或npm run dev，即可启动项目。 配置路径别名在vite.config.ts中配置路径别名。 123456789101112131415// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()], resolve:{ alias: { "@" ...

如题所示，我安装的是Docker Desktop，前一天还能正常访问的端口，今天突然无法访问了，然后我就怀疑是端口映射有问题，因为之前遇到过关于端口映射的问题，因为Docker Desktop运行docker的逻辑是在windows10中安装一个linux系统，然后在linux系统中运营docker，之前就出现过端口映射无效的问题，具体策略就是端口映射的时候，映射的端口前要加0.0.0.0，具体指令如下： 123docker run -d -p 0.0.0.0:1880:1880 --name mynodered nodered/node-red#宿主机和虚拟机之前的网络互通问题，Docker Desktop在安装的时候应该已经处理好了，不需要在自己配置，如果是自己安装虚拟机，可能需要自己去设置一下（相关文章网上很多） 这样运行的话，通常就可以正常访问。然后我用docker ps -a去查了一下，端口映射是正常的，那说明问题不是端口映射导致的。然后经过测试发现是因为防火墙的问题，导致端口无法正常访问。 具体设置的方法和步骤如下： 找到docker相关应用 打开任务管理器- 在 ...

​ Node-RED是构建物联网应用程序的一个强大工具，其重点是简化代码块的”连接”以执行任务。它使用可视化编程方法，允许开发人员将预定义的代码块（也叫做”节点”）连接起来执行任务。连接的节点，通常是输入节点、处理节点和输出节点的组合，当它们连接在一起时，构成一个”流”。最初是IBM在2013年末开发的一个开源项目，以满足他们快速连接硬件和设备到Web服务和其他软件的需求–作为物联网的一种粘合剂–它很快发展成为一种通用的物联网编程工具。重要的是，Node-RED已经迅速开发出一个重要的、不断增长的用户基础和一个活跃的开发人员社区，他们正在开发新的节点，允许程序员重用Node-RED色代码来完成各种各样的任务。​ 虽然Node-RED最初是用来处理物联网的，也就是说，它是与现实世界交互和控制的设备，但随着它的发展，它已经成为一系列应用的有用工具。 基础使用（node-red版本-v2.1.4） 注解： node-red将预定义的代码块叫做”节点“，以下也会用节点来代指。以下内容主要是对每一个节点的功能和使用进行说明 标题中带”*”表示该（分类下）节点是扩展节 ...

node-redNode-RED 是构建物联网(IOT， Internet of Things)应用程序的一个强大工具，其重点是简化代码块的“连接”以执行任务。它使用可视化编程方法，允许开发人员将预定义的代码块（称为“节点”，Node）连接起来执行任务。连接的节点，通常是输入节点、处理节点和输出节点的组合，当它们连接在一起时，构成一个“流”(Flows)。 Node-RED最初是IBM在2013年末开发的一个开源项目，以满足他们快速连接硬件和设备到Web服务和其他软件的需求——作为物联网的一种粘合剂，它很快发展成为一种通用的物联网编程工具。重要的是，Node-RED已经迅速形成一个重要的、不断增长的用户基础和一个活跃的开发人员社区，他们正在开发新的节点，同时允许程序员复用Node-RED代码来完成各种各样的任务。 Node-Red是一个开源的可视化编程工具 Node-RED由IBM开发，主要用于连接连接计算机、传感器和在线服务等协议或组件，以简化它们之间的布线工作 Node-RED允许通过组合各部件来编写应用程序。这些部件也可以是硬件设备、Web API 、在线服务 PS: 网 ...

今天在处理视频播放的时候发现了一个bug: DOMException: play() failed because the user didn't interact with the document first. 使用场景是需要打开网页后，视频自动播放，但是由于谷歌浏览器的自动播放限制，说是为了改善用户体验，最大程度地减少安装广告拦截器的动机，并减少昂贵和/或受限网络上的数据消耗。这些更改旨在更好地控制用户的播放，并使使用合法情况的发布者受益。 根据谷歌给出的方案，在以下条件下，是允许自动播放的： 始终允许静音自动播放。 在以下情况下，允许自动播放声音：1、用户已与域进行了交互（单击，点击等）。2、在台式机上，已经超过了用户的“媒体参与度索引”阈值，这意味着该用户以前曾播放带声音的视频。3、用户已将该网站添加到他们在移动设备上的主屏幕，或者在桌面上 安装了PWA。 顶级框架可以将自动播放权限委派给其iframe，以允许自动播放声音。 但是，经过实测，第一条，就是在静音的情况下，谷歌浏览器也是不可以自动播放的，这个情况就跟谷歌给出的方案不一致了，于是我就去研究了一 ...

事件监听1234567891011121314151617181920212223242526272829let videoElement = document.getElementById('videoElement')// 创建flvjs实例let flvPlayer = flvjs.createPlayer({ type: 'flv', url: 'https://www.test.com/xxx.flv',})flvPlayer.on(flvjs.Events.LOADING_COMPLETE, (res) => { console.log("加载完成")})flvPlayer.on(flvjs.Events.MEDIA_INFO, (res) => { console.log("媒体信息")})flvPlayer.on(flvjs.Events.METADATA_ARRIVED, (res) ...

最近在用vscode写代码的时候，发现代码中el-upload代码都变成了一个表示上传文件的icon，用鼠标点上去，可以看到图标又变成了代码，鼠标移走后，代码又变成了图标，非常影响观感，于是就决定解决一下。 在网上搜索之后，发现有人有相同的问题，但是并没有人提供解决的方案，于是就只能自己去查一下具体是什么原因。 这个图标本身不是一直存在的，而是有一次批量安装了一些vscode的插件之后，就出现了这个现象，所以问题的根源应该是安装的插件中，然后我就把看着面生的插件禁止了一些，然后发现了一个叫Iconify IntelliSense的插件，因为名字里带icon，所以就猜测是这个插件，然后禁用了这个插件，重启了vscode后，页面恢复正常。

今天

基本配置配置文件基本结构1234567891011121314151617181920212223242526272829# nginx.conf... #全局块events { #events块 ...}http #http块{ ... #http全局块 server #server块 { ... #server全局块 location [PATTERN] #location块 { ... } location [PATTERN] { ... } } server { ... } ... #http全局块} 全局块配置影响nginx全局的指令。一般有运行nginx服务 ...