前端 流水线 流水devops
led的点亮和流水灯的制作
先给出led的电路图 每个led灯连着VCC,默认为高电平 可以看到led灯对应连着P20到P27共8个灯 所以只要将P20到P27对应的引脚置为低电平即可 具体来说就是 P2_0 = 0//头文件里面定义了相关的文件等价于P2的第0位 想实现流水灯的话 首先是延时函数 一个基本语句的执行时间为10 ......
前端学习笔记--主流web框架
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <style type='text/css'>html {o ......
前端JavaScript的精确计算问题
问题发现 "47.900000" * "771.65" = 36962.034999999996 (错误) 36962.035 (正确) 问题定位 JavaScript 前端计算不精确(浮点数计算的精确问题) 问题解决 除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在 ......
前端项目使用vw视口单位进行适配时字体大小的解决方案
使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一，即如果你用vw来设定字体大小的话，字体的大小将总是随视口的大小进行改变。 问题在于，当做上面的事情的时候，因为文本总是随着视口的大小改变大小，用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用 viewport 单位设定 ......
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel（带水印） 公共方法 * @param header v 为头，k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
Azure DevOps（二）Azure Pipeline 集成 SonarQube 维护代码质量和安全性
一，引言 对于今天所分析的 SonarQube，首先我们得了解什么是 SonarQube ? SonarQube 又能帮我们做什么？我们是否在项目开发的过程中遇到人为 Review 代码审核规范？带着以上问题，开始今天的分析内容吧 !!! 1）什么是 SonarQube ? SonarQube 是一 ......
流水线设计中的反压操作
在流水线设计中，如果考虑数据的安全性，就需要与前后级模块进行握手通信，这个时候就需要对流水数据进行反压处理 在握手协议中valid与ready不可以过度依赖，比如valid不可以等待ready到达再拉高，原因在于“防止死锁”。但是axi协议中的握手信号，ready是可以等待valid信号拉高在进行拉 ......
前端全局页面添加水印
// 下载npm包npm install watermark-package -S 使用 import watermark from "watermark-package"; // 添加水印 watermark.setWaterMark({ w_texts: [data.userName, data ......
ABAP 遍历内表数据的时候，加上前端筛选条件
1. 前端查询条件 * * * 选择屏幕 * * SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE TEXT-001. SELECT-OPTIONS: "PARAMETERS: s_matnr FOR mara-matnr,"物料号 s_ausk ......
前端生成二维码及把页面转为图片保存到本地
前端生成二维码及把页面转为图片保存到本地 Bayi· 于 2021-12-23 17:08:37 发布 847 收藏 3 文章标签： 前端 javascript 生成二维码 页面转图片 vue 版权 以vue项目为例，其他类型项目其实也是一样的 所需components： QRCode html2c ......
vue 前端生成二维码，并转换为图片
vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维 ......
无界微前端方案官方示例，main-vue 项目打包之后 访问index.html页面空包，控制台报资源错误问题
报错信息： 修改方案： publicPath: “./” 修改为如上配置即可。 ......
前端跨域解决方案——CORS
CORS（跨来源资源共享）是一种用于解决跨域问题的方案。 CORS（跨来源资源共享）是一种安全机制，用于在浏览器和服务器之间传递数据时，限制来自不同域名的请求。在前端开发中，当通过 XMLHttpRequest（XHR）或 Fetch API 发送跨域请求时，如果服务器没有正确配置 CORS，浏览器 ......
前端隐藏和显示div的方式js和beetle：
方式一：设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
字节前端语言
前端语言有很多：比如什么HTML,JavaScript，css等等。 这节课介绍的是CSS,HTML,JAVASCRIPT等等 首先我们先介绍CSS： CSS的基本语法是：选择器 { 属性名: 属性值; 属性名: 属性值; …… } 举个栗子：p { color: blue; } 上述代码中，p 为 ......
ThingsBoard 前端项目内置部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（12.8k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。 内置相关部件 TB（ThingsBoard ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架，使用它可以方便地实现定时任务。同时，ASP.NET Core还提供了SignalR框架，用于实现实时通信功能。在Vue中，可以使用Vue-CLI来创建项目，并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
18. 商品类别后端和前端接口实现【雪花服务】
因为有类别分级所以用到了一个外键字段即：parentId, 为了保证字段唯一，且便于扩展【数据量大了分库分表等】使用了goole开源的雪花算法如下： 参考文档：https://www.jianshu.com/p/0e6ffa8693b5 安装pysnowflake ： pip install pys ......
前端面试八股文
1.说说你对盒子模型的理解盒子模型分为border边距，content内容，margin外边距，padding内边距盒子模型分为俩种模式一种标准模式，一种IE模式标准模式计算方式：box-zing:content-boxIE模式计算方式：box-zing:border-box2.css选择器有哪些？ ......
[转]前端传嵌套对象参数给spring mvc
在使用springmvc开发web应用时，感觉springmvc的controller方法能自动将参数注入到方法的参数对象中，极大的方便了开发。但是，在遇到有嵌套对象的时候，比如订单对象有个属性是用户对象，就不好处理了。一种情况是，传递的参数都是作为post方法的请求体，我们可以用RequestBo ......
devops｜中小公司效率为王，没必要度量
之前写过一篇文章《devops｜中小公司不要做研发效能度量》，主要是从基础设施方向考虑，因为很多条件都不具备，贸然高投入去做研发效能度量可能达不到我们的预期效果，给出的建议是先做好当下打好基础。今天想到一个好例子，可以类比下。 两个人小家庭 1）人少 2）收入清晰 3）支出清晰，买了什么东西，花了多 ......
web前端开发常用的代码编写工具有哪些？
不同类型的开发人员使用的工具大有不同，所以说没有绝对好，对任何人员都适用的工具，我们只能以友好度，功能性，扩展性，界面/体验，跨平台等等这些来作为评判标准。 下面我们就给它分类并一一介绍： 大师级别 vi vi对于使用过unix的朋友来说，绝对是再熟悉不过的代码编辑器，有多少伟大的程序和代码是由vi ......
前端开发手册
拟制人 xx 日期 2023/04/25 审核人 日期 批准人 日期 1.PC开发环境要求 1.1、开发工具说明 Visual Studio Code | Webstorm 1.2、PC开发框架和语言使用 开发框架：MVVM框架 开发语言使用了vue3、TypeScript 2.Pc开发规范 ......
无界（wujie）微前端结合若依框架，关于主程序加载子程序页面按钮权限指令所管理得按钮不展示问题
这个问题是由于加载权限接口慢于使用指令，加载时机得问题。 解决方案就是给指令里加上setTimeout 这样得话，结合js运行机制问题，setTimeout里得内容会推迟执行，这样就不会出现接口权限没加载完就执行了指令得问题。 ......
前端xml字符串转文件流，传给后端
点击查看代码 let formData = new FormData(); formData.append('file', new Blob([xml], { type: 'text/xml' }), '文件名.bpmn'); const params = { file: formData, hea ......
前端如何上传文件给服务器
上传文件到服务器常用的方法有两种 第一种：将文件转换成base64编码后使用POST上传给服务器 实现方法 URL.createObjectURL(BlobFile) //或者由canvas生成 canvas.toDataURL('image/jpeg',0.8) 优点： 可以将二进制文件转换为文本 ......
前端学习笔记--bootstrap
1.bootstrap3依赖jQuery？ 是的 官网https://www.bootcss.com/ 4版本以上不依赖。 2.如何导入？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</tit ......
前端简单小秒杀
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
jenkins流水线发布前端代码
pipeline { agent{ label 'hw' } environment { VERSION = sh(script: "echo `date '+%Y%m%d%H%M%S'`", returnStdout: true).trim() } stages { stage('克隆代码'){ ......
前端使用CryptoJS加密解密
1、安装crypto-js； npm install crypto-js --save-dev yarn add crypto-js --dev 2、新建unit.js写成公共方法 ； const CryptoJS = require('crypto-js'); //16位十六进制数作为密钥（秘钥为 ......