前端 流水线 流水devops
纯前端实现图片验证码
前言 之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的,想了下,前端其实可以直接canvas实现,减轻服务器压力。 实现 子组件,允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接 ......
前端出大事儿了
公众号「古时的风筝」,专注于后端技术,尤其是 Java 及周边生态。 个人博客:www.moonkite.cn 大家好,我是风筝 最近这两天,在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码,就算你完全没用过 React 也没关系,一眼看过去就能看到其中最敏感的一句代码,就是那句 S ......
Learn DevOps-第一章:Introduction
Introduction DevOps的定义有很多种,AWS对其定义如下: “DevOps is the combination of cutural philosophies, practices, and tools that increases an organization's abilit ......
overflow溢出属性 前端基础之JavaScript
今日内容详细 overflow溢出属性 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 ● ......
如何在 Web 前端做 3D 音效处理
一、背景 在社交元宇宙、大逃杀等类型的游戏场景下,用户在通过简单语音交流外,结合场景也需要一些立体声效果来让用户感知游戏角色周围其他用户的存在及其对应的距离和方位,提高语音互动的趣味性。 为了满足上述需求 ZEGO Express Web SDK 从 v2.10.0(Native 为 v2.11 ......
app支付金额为100,但是前端却显示50,这种情况是怎么回事呢?该如何处理?
app支付金额为100,但是前端却显示50,这种情况是怎么回事呢?该如何处理? 1、可能是服务端没有正常响应返回数据导致的问题--前端发起请求到服务端后没有正常响应返回响应数据,导致回显金额跟实际支付金额不一致; 2、可能是前端展示的问题--前端正常请求了,服务端也正常响应返回数据了,包括通过查询数 ......
一文讲透DevOps理论体系的演进
当前,我国处于以信息化、数字化、网络化、智能化为特征的科技变革浪潮中,企业数字化转型大势所趋,那么作为支撑企业IT运转的运营体系也在向多元方向发展,比如DevOps(研发运营一体化)、AIOps(智能运维)、DataOps(数据研发运营一体化)、MLOps(机器学习研发运营一体化)、BizDevOp... ......
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装,安装好了之后,在环境变量中会自动配置Node的地址,可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 (1)在 ......
前端大文件切片上传,断点续传、秒传等解决方案,vue中使用实例
先看逻辑 如何切片?如何获取文件唯一hash?与后端交互获取文件上传的状态,用于判断情况,是秒传还是续传?上传切片文件,判断失败文件重新执行?全部上传完成通知后端? 1、先上全部代码,后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
Spring Boot - ffmpeg 获得 m3u8 列表和 ts 文件,前端请求视频流进行播放
安装 ffmpeg FFmpeg 下载地址:GitHub releases。请下载:ffmpeg-master-latest-win64-gpl-shared.zip 压缩包。 解压到你系统盘任意位置(前提是你以后找得到这玩意儿在哪)。 接下来就是配置其环境变量,所有的环境变量都是配置它的启动文件的 ......
前端面试题
vue页面跳转会经过两个钩子函数**beforeEach、afterEach** 组见守卫 **beforeRouteEnter**前置组见守卫 **beforeRouteUpdate*更新之前 watch和computed区别 数据没有改变,则 computed 不会重新计算)。若没改变,计算属性 ......
【Pipeline】Jenkins流水线中如何使用全局变量
例如我们在 stage1中 利用 script 代码块 设置赋值了一个 变量,然后想在 stage2中使用。应该怎么操作呢? https://stackoverflow.com/questions/53541489/updating-environment-global-variable-in-je ......
【Pipeline】Jenkins流水线parallel并行构建
位于parallel块下的阶段都将并行执行,而且并行阶段还可以被分到不同的Jenkins agent上执行。 在默认情况下,Jenkins pipeline要等待parallel块下所有的阶段都执行完成,才能确定结果。如果希望所有并行阶段中的某个阶段失败后,就让其他正在执行的阶段都中止,那么只需要在 ......
基于Echart的前端可视化
GitHub 上有许多关于低代码自助可视化的项目,前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目: DataV: 项目链接:DataV 描述:DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具,它提供了丰富的可视化组件和拖拽式的界面设计,使用户可 ......
1.使用Jenkins自动部署.NET站点(流水线 pipeline 方式)
Jenkins安装:参考文章【Jenkins安装】 部署.NET站点 1、新建项目 1,1、Dashboard页面菜单>点击新建Item>输入名称 "TestWebService",并且选择【Pipeline】风格 2、配置 2.1 点击配置 2.2 进入配置页 2.3 设置【丢弃旧的构建】 2.4 ......
Chrome浏览器查看前端参数
按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标,即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域,就会出现浮层,显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......
网页CAD(web cad sdk)前端直接获取修改转换后的图纸数据
前言 有用户集成网页CAD之后,需要提取图纸的各种信息和数据,下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息,没有集成过在线CAD的小伙伴可以先看一下快速入门 在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据,如图层、文字样式、 ......
对于百度前端技术学院的task0003-个人任务管理系统开发的一个记录
第一眼看到它列出的需求和实现要求,就觉得头晕,毕竟真的有点乱,好在自己时刻记得偶像的那一句话,“编程,最重要的是解决问题的能力。” 那我现在遇到需求杂乱的话,是不是要把这些要求分类出来?html、css、JS按这个分类出来后,再继续拿草稿图来画最基础的结构(这个是最重要的,不然一开始就乱写,到时候处 ......
前端面试之选择排序
选择排序: 原理解析: 将未排序的数组中的第一个数据作为基准数据,然后对比除基准数据和已排序数据之外的数据,找到其中的最小数据,然后将最小数据和基准数据进行位置交换。 时间复杂度: 时间复杂度O(n^2) 代码实现: const choseArr = [5, 2, 1, 4, 43, 23, 34] ......
前端利用oss图片地址返回url下载zip包
// 首先引入插件npm install jszip // 导入项目import JSZip from 'jszip' // 利用canvas.toDataURL 转换base64方法下载图片 downZip() { // 测试数据 let downLoadImageList = ['https:/ ......
前端
标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和span标 ......
HTML5前端标签练习
前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ......
前端
第1章 、Web的基本概念 软件开发的架构 目前我们了解的涉及到两个程序之间通讯的应用大致可以分为两种: 第一种是应用类:qq、微信、网盘、优酷这一类是属于需要安装的桌面应用 第二种是web类:比如百度、知乎、博客园等使用浏览器访问就可以直接使用的应用 这些应用的本质其实都是两个程序之间的通讯。 ......
记录--这个前端Api管理方案会更好?
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 简介 大家好,前端小白一枚,目前接触后台管理系统比较多,经常遇到不同对象的增删改查的接口,如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感,想到一个不错的API管理方案,并应用在项目一个模块当中,并且开发效率和维护性 ......
安防视频监控平台EasyCVR前端解码与后端解码的区别介绍
视频监控平台/视频存储/视频分析平台EasyCVR基于云边端一体化管理,支持多类型设备、多协议方式接入,具体包括:国标GB28181协议、RTMP、RTSP/Onvif、海康Ehome,以及海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石SDK等,可覆盖市面上绝大多数的视频源设备。 ......
前端断点及使用
前端断点及使用 断点的目的是,代码运行时在想要开始调试的地方停下来。此时可以查看当前上下文信息,比如全局变量、局部变量的值,函数的输入是否正确,请求的返回值是否正常等。通过此操作判断问题发生的地方,好对症下药 一、打断点的方式 1.找到源码位置,添加断点 (1)寻找源码位置 ①如果是正常html页面 ......
laravel:多图片上传(10.27.0/前端vue)
一,相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二,前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
创建CI/CD流水线中的IaC前,需要考虑哪些事项?
许多软件工程团队通常会遵循相似的方法来交付基础设施以支持软件开发生命周期。为了缩小基础设施配置方式与应用程序环境部署方式之间的差距,许多 DevOps 团队将其基础设施即代码(IaC)模块直接连接到其 CI/CD 平台。其目的是创建一个直接融入软件开发和交付流程的连续基础设施流水线,类似于用于持续交 ......