前端 流水线 流水devops
十、Jenkins流水线集成Sonar
Jenkins安装在阿里云主机上，SonarQube安装在腾讯云主机上。所使用的地址都是外网ip。 ###一、Jenkins配置Sonar 安装SonarQube Scanner for Jenkins插件： 
快速实现前端检测手机系统是iOS还是android(可实现根据手机系统跳转App下载链接); 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12652 效果图如下: 实现代码如下: # 使用方法 #### HTML代码部分 `` ......
前端仿京东、天猫带搜索历史搜索栏搜索框searchBar
快速实现前端仿京东、天猫带搜索历史搜索栏搜索框searchBar, 使用简单便利， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12529 效果图如下 代码如下： <template> <view class="content"> <vi ......
前端下拉框组件CCDropDownFilter下拉框 筛选框 仿美团下拉筛选框
快速实现下拉框 筛选框 仿美团下拉筛选框， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12421 效果图如下： # 下拉框使用方法 #### HTML代码部分 ```html <template> <view class="conten ......
前端仿企查查、天眼查关联投资结构 股权结构 树形结构 控股结构
快速实现前端仿企查查、天眼查关联投资结构 股权结构 树形结构 控股结构， 下载请访问uni-app插件市场：https://ext.dcloud.net.cn/plugin?id=12073 效果图如下： **html部分** <template> <view class="content"> <C ......
前端仿京东、天猫底部购物工具栏toolsBar、购物车栏、底部悬浮栏
快速实现 前端仿京东、天猫底部购物工具栏toolsBar、购物车栏、底部悬浮栏， 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12554 效果图如下： 代码如下： # 底部工具栏toolsBar、购物车栏、底部悬浮栏 #### HTM ......
前端自定义弹框组件、自定义弹框内容alertView popup组件
快速实现前端自定义弹框、自定义弹框内容alertView popup组件， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12491 效果图如下： 代码如下： # 自定义弹框使用方法 #### HTML代码部分 ```html <templ ......
前端热力图组件heatMapGD中国地图 中国热力地图 广东省热力地图 广东省地图 地市选择
快速实现前端中国热力地图 广东省热力地图 广东省地图， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12407 # china 广东省热力地图使用方法 # map数据获取链接： http://datav.aliyun.com/portal ......
前端仿今日头条、网易新闻 tabs组件，根据文字多少自适应tab项宽度，支持自定义标题栏
快速实现 仿今日头条、网易新闻 tabs组件，根据文字多少自适应tab项宽度， 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12560 代码如下: # cc-tabs 说明 tabs组件，根据文字多少自适应tab项宽度，支持自定义标题 ......
前端分页组件简单好用列表分页page组件
快速实现 简单好用列表分页组件, 分页器组件，用于展示页码、请求数据等 ，包含翻页。 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12576 效果图如下: 代码实现如下: # 简单好用列表分页组件, 分页器组件，用于展示页码、请求数据 ......
前端树形结构图组件 tree组件，可拖拽移动，点击展开收缩，无限添加子集
快速实现树形结构图组件 tree组件，可拖拽移动，点击展开收缩，无限添加子集; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12650 效果图如下: 实现代码如下: # treeShapeStruct 树形结构图，可拖拽移动， ......
记录--前端小票打印、网页打印
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、小票打印 目前市面上的小票打印机大多采用的打印指令集为ESC/POS指令，它可以使用ASCII码、十进制、十六进制来控制打印，我们可以使用它来控制字体大小、打印排版、字体加粗、下划线、走纸、切纸、控制钱箱等，下面以初始化打印机为例： ......
系统化学习前端之Vue（vue2）
## 前言 vue2 截止 2023 年 12 月 31 日不再维护更新，将全面拥抱 vue3 了。 ## vue2 vue2 是一个实现 UI 层的渐进式 js 框架。vue2 本质是一个类，可以配置 options API 实例化为一个 vm 对象，通过模板编译处理成虚拟 DOM，对比更新后生成 ......
前端vue中实现文件下载的几种方法 四种方法， a.download = "重新下命名下载文件名"
前端vue中实现文件下载的几种方法 原文链接：https://blog.csdn.net/weixin_46074961/article/details/105677732 第一种 前端创建超链接，通过a标签向后端发送get请求，需要给a标签添加一个download属性 这种写法是创造了一个a标签， ......
前端实现将Element Plus表格导出为Excel表格
``` import { export_json_to_excel } from '@/utils/excel'; // 导出函数，可以根据实际项目结构进行引入 import XLSX from 'xlsx'; // xlsx 库 exportExcel() { const tableData = ......
【前端算法学习】数据结构之“栈”
### JS中最棒的数据结构：数组 **数组是计算机科学中最常用的数据结构**。我们知道， 可以在数组的任意位置上删除或添加元素。然而，有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。有两种数据结构类似于数组，但在添加和删除元素时更为可控。它们就是 **栈和队列**。 要开始学习 ......
JS 前端导出Excel
先通过 npm 下载 Excel npm install xlsx -S 在需要数据的页面进行引入 import * as XLSX from "xlsx"; 以下这俩个方法直接复制粘贴，不需要改动. //导出excel相关函数 sheet2blob(sheet, sheetName) { //将文 ......
前端知识-HTML
HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML（结构）、CSS（样式）、JS（行为） 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......
前端知识-浏览器
浏览器 1、浏览器： 用来检索、展示以及传递Web信息资源的应用程序 2、各种浏览器极其内核： Trident（应用于Internet Explorer）； Gecko（应用于Mozilla Firefox）； Presto（Opera 采用的是 Presto内核）； WebKit （应用于Appl ......
九、流水线部署项目
###一、修改SSH Server配置  找到SSH server： ![](https://img2023.cn ......
springmvc中前端提交数据显示乱码的解决方法
自己手写一个Filter来处理前台发送的请求： 对前台打来的请求进行设置，servletRequest.setCharacterEncoding("utf-8"); 然后放行，继续执行即可。 package com.gyh.web.filter; import javax.servlet.*; im ......
前端总结
# 前端与后端的概念 ## 前端 ## 就是与用户直接打交道的操作界面就可以称为前端 ## 后端 ## 不直接与用户打交道主要负责内部真正的业务逻辑的执行就是后端 ## 前端的三个模式 ### HTML 编写前端页面的文件 ### css 给html前端增加样式包装一下前端页面 ### JavaSc ......
前端微服务无界实践
随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。因此前端微服务应运而生。 ......
碎片化学习前端之JavaScript（for...in 和 Object.keys() 的区别）
## 前言 JavaScript 中遍历对象的方式主要有：`for...in` 和 `Object.keys()` 两种方式。 ## for...in ```js let obj = { name: 'ming', age: 18, } obj[Symbol('hello')] = 'world' ......
微前端
微前端是将单体应用程序拆分为一组更小、更容易管理的单元，使得应用程序能够更加灵活、可扩展、易于维护，并且能够让不同团队或个人独立开发、测试和部署应用程序的不同部分。这种架构方式可以从多个方面带来很多好处，具体包括以下几点： 1. 易于扩展和维护 微前端架构将应用程序拆分成多个小型单元，每个单元包含不 ......
js前端fetch参数
const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体， ......
八、流水线语法之Directives
###一、environment `environment`指令指定了一系列键值对，这些键值对将被定义为所有步骤或阶段特定步骤的环境变量，具体取决于环境指令在管道中的位置。该指令支持一个特殊的助手方法credentials（），该方法可用于通过Jenkins环境中的标识符访问预定义的credenti ......
前端如何配合后端埋点
需求：点击按钮时和进入离开页面时，监听用户行为 * 本篇文章未写完，过两天需求写完了再更新完整的 思路： 监听点击事件，生成一个自定义的clickSession，然后在请求拦截器的header里面加上该字段，这样埋点接口和点击之后执行的接口就可以关联起来了。具体实现如下 App.vue ``` `` ......
前端解析markdown处理表格样式
后端返回markdown格式，前端解析，使用的是marked.js 安装 ``` npm install marked --save ``` 另外我也给代码做了高亮 ``` npm install highlight.js --save ``` main.js ``` import hljs fro ......