前端 流水线 流水devops
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件: 举个栗子: <template> <!-- 获取客户下拉数据,type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
前端传数组,后端可用list接收,apifox对应用数据结构-array
一开始apifox的body设置如图 idea报错: Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize value of ......
2023前端面试题
1.什么是重绘和回流,有哪些措施可以避免回流,从而提高页面性能 重绘(repaint)和回流(reflow)是浏览器渲染页面时的两个重要的步骤。 重绘是指当一个元素的样式(如颜色、背景等)发生变化,但没有影响其布局(如位置、大小等)时,浏览器会将这个元素的新样式重新画到页面上。 回流则是指当一个元素 ......
如何利用Requestly提升前端开发与测试的效率,让你事半功倍?
痛点 前端测试 在进行前端页面开发或者测试的时候,我们会遇到这一类场景: 在开发阶段,前端想通过调用真实的接口返回响应 在开发或者生产阶段需要验证前端页面的一些 异常场景 或者 临界值 时 在测试阶段,想直接通过修改接口响应来验证前端页面是否正常 想验证后端服务响应比较慢的情况下,验证前端页面是否正 ......
UIOTOS:一款无门槛的前端0代码搭建工具
什么是UIOTOS? UIOTOS中文名称前端大师,是一款基于图形技术的前端0代码工具,支持通过连线和嵌套无门槛来搭建各类复杂的的交互界面,包括后台管理系统、组态数据大屏等,实现跟代码开发媲美的效果。 为什么要做? 前端技术更新快,开发和学习成本高 在软件开发领域,UI界面开发技术更新迭代最快,层出 ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多,看似功能简单,开发快速,实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多,vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本,下面介绍表单配置化组件的封装原理与封装方法。 ......
前端自定义分页
<el-table size="mini" stripe border fit height="406px" highlight-current-row :header-cell-style="{background:'#F0F3F8'}" :data="historyResearchUploadL ......
前端性能优化
1. 如果 应用层响应超时怎么处理解决 ? 如果响应超时,可以采取以下措施来处理解决: 增加超时时间:可以增加请求的超时时间来尝试避免响应超时。可以在发起请求时,设置超时时间,如果在指定时间内未收到响应,则认为响应超时。 减少请求负载:如果请求负载过大,服务器响应可能会受到影响,从而导致响应超时。可 ......
前端知识点,资源,项目资源
中级前端需要掌握的知识点 JavaScript基础知识,包括ES6及以上版本的语言特性。 Vue框架的核心概念和实现原理,包括组件、指令、生命周期等。 React框架的核心概念和实现原理,包括JSX、组件、状态和属性等。 Web性能优化,包括代码压缩、CDN加速、懒加载等技术。 移动端开发,包括响应 ......
Mac M系列芯片 vue前端node-sass兼容问题解决
0、由于M系列芯片是arm架构,在使用brew安装node时都是arm的node,但是node-sass@4.14.1版本中不支持arm架构的出现如下报错: Error: Node Sass does not yet support your current environment: OS X Un ......
前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案
问题背景 开发新的前端项目时,总少不了搭建开发环境和执行npm install安装依赖包,但npm install的过程总是充满着玄学,很难保证一次性成功,其中尤其以node-sass这个包的安装失败问题最为常见。 像其他npm包安装失败,通常是因为网络问题,可以采用使用更好的网络环境或者切换源的方 ......
mock框架与测试(用mock工具模拟后端与前端对接调试)
mock简介应用在前后端分离的开发模式中敏捷管理中需要测试左移模拟后端与前端对接调试。实现满足接口逻辑通路,保证基本接口功能。 mock开源框架只需配置request和response就可以满足要求支持http/https/socket 协议支持在request中配置header、cookie、St ......
vue naive ui 前端获取日期数据传递给后端
vue naive ui 前端获取日期数据传递给后端 设置日期选择器 1. 使用表单输入绑定的方法把用户选定的日期传递给data中的值 (检查数据是否更新的方法) 2. 返回给后端的时间格式 后端想要接收的格式为json,其中包括starttime endtime 和macid,并且时间格式为<cl ......
Azure DevOps(三)Azure Pipeline 自动化将程序包上传到 Azure Bolb Storage
一,引言 结合前几篇文章,我们了解到 Azure Pipeline 完美的解决了持续集成,自动编译。同时也兼顾了 Sonarqube 作为代码扫描工具。接下来另外一个问题出现了,Azure DevOps 由于有人员限制,项目上不能给非开发人员或者外包成员开权限,这个时候就需要将编译好的程序包上传到公 ......
前端实现一次menu侧边栏
前言使用动态数据之后 element menu 组件 高亮显示错误, 默认展开失效 两级侧边栏 封装侧边栏功能简单 数据 菜单栏数据格式 let Array = [{ title: "管理", routeName: "order", icon: "", path: "", expanded: fal ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
下载文件(Excel)功能,后端返回blob字节流,前端怎么处理?
在做大屏数据项目有个报表下载的功能,根据用户选择的时间下载对应时间的报表,后端返回的是文件流,前端需要怎么去处理呢? 实现的功能效果: 后端返回的数据: 需要我们处理的乱码: 前端代码: 1 exportExcel(){ 2 axios({ 3 methods:"xxxx", 4 url:"xxx/ ......
前端VUE自动检测版本更新
前言 当用户在当前站点停留时间比较长,中途站点进行升级更新之后,用户如果不刷新页面就任然停留在旧的页面里,如何让用户收到一个提示,引导用户进行更新操作呢?下面给大家介绍如何站点更新如何在生产环境提示用户更新,进行页面刷新操作,核心原理其实很简单。 一、思路1,每隔一小段时间fetch请求一次服务器首 ......
“前端”工匠系列(一):合格的工匠,究竟该搞什么 | 京东云技术团队
此文为系列文章第一篇,为浅尝辄止的引入,目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。 ......
Web前端已死?别带节奏了,说白了就是“卷”
趁着“前端已死”这个话题还有点热度,我想再好好聊聊这个话题。社区里怎么只有前端已死的论调,后端、DB、运维、连原生开发还在好好“划水”。前端却发出了哀嚎:前端已死,找工作好难啊。 前端技术精微渊深,除了基础的 HTML、CSS 和 JavaScript 技术外,还涉及前端框架、UI 库、自动化构建工 ......
前端replace替换字符的用法
替换一个/多个字符 // 替换多个 var content = "null undefined 123" content.replace(/null|undefined/,'111'); console.log(content); // 输出结果为 111 111 123 // 替换一个 var c ......
Azure Devops上模版化K8s部署
在2022年我们终于完成了主要业务系统上K8s的计划,在这里总结下我们上K8s时候的模版工程。 前提条件 本文不讨论K8s是什么,什么是容器化,为什么需要容器化,什么是微服务等这些基础内容,这些到处说的烂大街了。此类内容有兴趣可以看看微软系的介绍: 微服务体系架构设计 微服务体系结构 本文假设你已经 ......
你想要的【微前端】都在这里了!
某次遇到一个从0到1的大型项目,该项目涉及两个端,除了鉴权和部分业务逻辑不同外,页面UI和其余逻辑几乎一致,遇到这种项目,该如何架构?既能保证项目顺利开发完成,又能保证后期的迭代、维护、可扩展? ......
DevOps 基于Rancher 2.3 Kubernetes 1.16
一 服务器清单 二 初始化服务器:安装Docker Docke-compose 以及配置Docker阿里云镜像加速 此处略过 三 192.168.117.104 安装 Rancher Server docker run -d --restart=unless-stopped \-p 8080:80 ......
DevOps Rancher 理论&准备
理论篇 一 Dcoker Docker 这个东西所扮演的角色,容易理解,它是一个容器引擎,也就是说实际上我们的容器最终是由Docker创建,运行在Docker中,其他相关的容器技术都是以Docker为基础,它是我们使用其他容器技术的核心。 二 Docker-Compose Docker-Compos ......
2023前端面试题一
元素类型 空元素 br hr 块级元素 div footer header section p h1 h6 行内元素 img input span 元素类型转换 display:block 独占一行,可以设置宽高 display:inline 不独占一行,不可以设置宽高 display:inline ......
Azure DevOps Server 2022.0.1升级手册
Contents1. 概述2. 操作方法2.1 安装操作系统2.2 安装数据库2.4 还原数据2.3 安装和配置Azure DevOps Server1. 概述Azure DevOps Server 是微软公司经过20多年的持续开发,逐渐将需求管理、敏捷实践、源代码管理、持续集成等功能集成一体,实现 ......
Azure DevOps Server 数据还原方式三:增量还原
Contents1. 概述2. 操作方式2.1 创建共享文件夹,并将备份文件复制到共享文件夹中2.2 还原数据3 验证还原的数据库3.1 方式一:核对工作项所在的表的数据3.2 方式二:将数据库配置到应用层,在应用中验证数据4. 常见问题:4.1 不能使用\localhost作为共享文件夹4.2 还 ......
DevOps 推送镜像至Harbor
一、上传镜像至Harbor 1 推送公共库 创建公共库 以minio为例子 a 重新打标签 docker tag minio/minio:latest 192.168.117.103/pub/minio:v1.0.0 b 推送 docker push 192.168.117.103/pub/mini ......