有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步,认准https://blog.zysicyj.top首发博客地址系列文章地址什么是WebSocket？WebSocket是一种在Web应用程序中实现双向通信的协议。它允许在客户端和服务器之间建立持久的、全双工的连接，以便实时地发送数据。传统的HTTP协议是一种无状态的请求-响应协议，客户端发送请求，服务器返回响应，然后连接立即关闭。这种模型适用于大多数Web应用程序，但对于需要实时数据更新或双向通信的应用程序来说，它并不理想。WebSocket通过在客户端和服务器之间建立长久的TCP连接，提供了一种持久性的通信通道。它通过在
目录前言：1.jenkins配置参数2.构建前端代码脚本3.额外补充相关配置前言：服务器，已部署nginx和jenkisn和npm，在此基础上部署前端项目，后续补充相关nginx等服务器安装操作；1.jenkins配置参数1.新增一个软件项目 2.新增项目描述3.配置历史镜像处理规则例如：一个构建任务最多保留30天，最多保留10个构建任务 4.配置项目构建目标服务器 5.配置前端代码地址，以及构建的分支 6.配置前端代码存放地7.配置前端编译代码脚本路径配置临时变量，以及执行目标路径下的脚本，进行编译前端代码 2.构建前端代码脚本#!/bin/bash#1打包前端echo"packagede
IntermediatorIntermediator是一款轻量开源工具，用于Windows(x64)、Mac系统上修改HTTP(S)返回值。您可以使用它修改HTTP(S)响应值、重定向静态文件请求到本地文件目录，支持使用正则的方式批量修改请求返回值。使用方式 1.输入包含http/https的网址 2.点击添加规则 3.编辑你的规则 当前支持指定API、批量正则和路径的方式匹配要改变的api 在Changedvalue中输入改变后的值/本地路径 eg:选择path模式 输入被监听的api路径支持模糊匹配 Changedvalue
目录父组件向子组件传值子组件修改父组件中的值：方法1方法2子组件调用父组件里的函数方法1方法2父组件调用子组件的函数：父组件向子组件传值子组件中的data属性是用来存储子组件自身的数据，而不是用来接收父组件传递的数据的。父组件向子组件传递数据的常用方式是通过props。在Vue.js中，props是一个属性，可以用来从父组件传递数据到子组件。子组件可以接受这些数据，并在其模板中使用它们。//1.声明组件模板对象constlogin={template:'欢迎:{{name}}年龄:{{age}}',props:['name','age']}//2.注册局部组件constapp=newVue({
webrtcstreamer大致的了解了一下，就是使用js来播放rtsp视频流的一个技术。目前实现的厂家有很多，但是要收费。我这里是找了一个开源免费的项目，使用起来有一定的局限性，需要根据自己的业务自己去实现逻辑，目前我只做到了播放实时摄像头，回放等一些功能还没有想好怎么做。网址：https://github.com/mpromonet/webrtc-streamer/releases我这里用的是windows系统服务器，本地也是windows，所以使用的是windows版本，下载的文件是“webrtc-streamer-v0.7.0-dirty-Windows-AMD64-Release.t
前言周末逛github的时候，发现我们只需要在github域名上加上1s他就能够打开一个vscode窗口来阅读代码，比起在github仓库中查看更加方便然后我就想网页端vscode能不能打开我本地的项目呢，带着这个疑惑我打开了网页版vscode，它居然真的可以打开我本地的项目代码!难道又出了新的API让前端的能力更进一步了？打开MDN查了一下相关文档，发现了几个新的APIshowOpenFilePicker用来选择文件语法showOpenFilePicker()参数「options」：（可选）包含以下属性multiple：布尔值，默认为false。为true表示允许用户选择多个文件exclud
解决方案（我封装的上传代码在后面“封装上传”部分）：就直接上阿里oss管理后台去增加一个跨域规则：见图片，特详细 配置成这样点确定就好了，就这么简单案发背景：标题其实就已经是答案了，但是以我的性格，我还是要介绍介绍案发背景，如果你比较着急，可以直接跳到解决方案那里看：本来我就是个干前端的，也干安卓端（为啥不干ios，因为没钱买mac），然后我只管vue、js这一亩三分地，什么服务器配置，阿里云oss，跟我都没啥关系。直到我们老板用我们的网站，上传大文件的时候报错，后端测试说没问题（后端是用小文件测的，这个文件本来是老板发的，但是老板微信发出来以后，可能就压缩了很多，导致他上传成功了），然后我
1.Doctype作用？DOCTYPE是用来声明文档类型和DTD规范的。声明位于HTML文档中的第一行，不是一个HTML标签，处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。2.标准模式与兼容模式各有什么区别？标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。在HTML4.01中声明指向一个DTD，由于HTML4.01基于SGML，所以DTD指定了标记规则以保证浏览器正确渲染内容HTML5不基于SGML，所以不用指定DT
前端下载有两类，一类是直接让浏览器接管的（点击a链接触发），另一类是先在内存里下载好（blob），然后调用浏览器的保存。1.window.open我最初使用的方法就是这个，只要提供了文件的服务器地址，使用window.open也就是在新窗口打开，这时浏览器会自动执行下载。2.a标签其实window.open和a标签是一样的，只是a标签是要用户点击触发，而window.open可以主动触发后端如果设置了Content-Disposition，那么不需要download属性也能下载。而且后端还可以设置文件名。下载文件3.xhr（axios）下载这个时候，请求发送的时候需要注明responseTyp
VsCode配置前端环境及运行VsCode环境配置下载VsCode安装Node安装npm安装LiveServer运行前端程序其他插件VsCode环境配置下载VsCode链接：官网地址进入官网点击->DownloadforWindows，即可下载；如果是苹果或Linux操作系统，点击->DownloadforWindows的箭头就可以选择对应的版本。或者直接在电脑管家的软件管理下载都可。安装Node链接：官网地址建议安装16.18稳定版测试是否安装成功：node-v查看node的版本npm-v查看npm的版本(新版的node安装自带安装npm)win+R，输入cmd，进入命令提示窗。查看到版本号
