前端 流水线 流水devops
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
前端优化之路：构建、打包速度提升
【前言】 《闻香识女人》中有句经典台词，“有些人一分钟过尽一生”，多少人在等待中浪费了生命的美好。同样，如果一个项目构建、热更新、打包速度过慢，中途需大把时间去等待，那么不免让人抓狂。 【效果展示】 优化前，构建速度 整整126秒，两分多钟过去后，项目才启动成功 优化后，构建速度 21秒运行完毕，仅 ......
py01-前端了解
前端了解： 一、CSS框架 （1）Bootstrap（http://getbootstrap.com/） 二、JavaScript框架： （1）jQuery（https://jquery.com/） （2）Vue （3）React 三、AJAX： （1）AJAX=异步JavaScript和XML （ ......
前端H5微信支付宝支付实现
前端 H5 微信支付宝支付实现 以 uniapp 项目为例 支付宝的 首先是一个支付类型选择页面，在选择支付宝支付后，跳转到一个空白页，用于支付宝支付的中转页面。 在点击立即支付之后，直接跳转至自行设置好的空白页就好，并把你生成订单所需要的数据一并带过去。 uni.navigateTo({ url: ......
CentOS安装node环境，并编译前端项目
https://www.jianshu.com/p/a0e0311d6259 1.centos安装node环境 1.下载nodejs最新的tar包 可以在下载页面https://nodejs.org/en/download/中找到下载地址。然后执行指令 $ wget https://nodejs.o ......
MASA MAUI APP前端监控指南
MAUI Blazor 接入到 OpenTelemetry 近期由于我们APP项目(MAUI+Masa Blazor)，需要做运营数据采集埋点，经过综合考虑后，决定采用接入OpenTelemetry SDK的方式，由于目前OpenTelemetry的可测性大部分都是基于后端api的，所以我们也对MA ......
搭建GitLab的cicd流水线
大致内容如下 通过部署一个简单的项目到 gitlab pages 初步了解 gitlab CI/CD 了解 gitlab CI/CD 基础概念、运行机制等 使用 gitlab 自带 runner 进行自动化部署、使用 ssh 命令操作部署远程服务器 在自己服务器安装 gitlab runner 进行 ......
前端自动复制功能
一、步骤 1、input，value是你想复制的内容 2、聚焦input的文字，input.select() 3、执行copy命令 document.execCommand("Copy") 4、判断是否成功——不准确，但是有比没有好。 二、代码实现 let inputs=document.creat ......
对某登录站点的JS前端逆向思路
js逆向一直没有相关了解，虽然目前渗透遇见的不是很多，大多数遇见的要么不加密，要么无法实现其加密流程，不过最近看到了一个较为简单的站点正好能够逆向出来，就做了简单记录。本文旨在介绍js逆向的一些基础思路，希望能对初学js前端逆向的师傅有所帮助。 ......
前端学习笔记1
前端 笔记 2023.3 1. <meta>标记 链接 常用meta整理 | 菜鸟教程 (runoob.com) 主要用于提供HTML文档的元数据，用于不同移动设备页面调整（全屏、识别邮箱电话号码、添加广告）、SEO优化（搜索引擎优化）、页面相关（编码、站点适配）…… 2. url href src ......
Learn DevOps：Start DevOps with Docker（三）
一、Docker与Microservices 很多人都在谈论microservices的优势，但是它不是免费的，面临着许多挑战，Docker在解决这些挑战方面发挥至关重要的作用。在微服务体系结构中，我们将构建许多微小的服务，而不是构建一个大的整体，这些微服务中的每一个都可以用不同的技术来构建。由于这 ......
Learn DevOps: Start devOps with Docker（二）
一、Docker image commands docker images 查看本地计算机中所有存在的image docker pull mysql 可以看到如果我们不提供标记，它会使用默认的最新的标记，它会查看是否有标记为latest的mysql映像，并将其汇集下来。pull只会拉取image使其 ......
前端入栈和出栈
在编程中，事件入栈（Event Pushing）和出栈（Event Popping）通常与事件循环（Event Loop）和消息队列（Message Queue）相关。这些概念在前端开发中尤其重要，特别是在处理异步事件和回调函数时。下面我将解释这些概念，并提供一些代码示例。 事件循环（Event L ......
微前端 qiankun
三个项目，一个管理端，两个微前端 文档地址 https://qiankun.umijs.org/zh 普通项目管理端安装qiankun npm i qiankun -S 管理端main.js import Vue from 'vue' import App from './App.vue' Vue. ......
前端常用设计模式初探
设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。 ......
前端路由及两种实现方式
路由的概念来源于服务端，在服务端中路由描述的是 URL与处理函数之间的映射关系，当然也会处理不同的URL来展示不同 的视图界面。 随着Ajax的盛行，无刷新交互成为了当下的主流，我们更希望在无刷新的情况下完成不同URL来展示不同的视图界面，即在一 个页面中完成路由的切换（俗称：单页面应用开发SPA） ......
前端出现变量map未定义
原来错误代码 mounted() { .... this.map.addEventListener("click", function(e){//地图单击事件 var geocoder = new BMap.Geocoder(); var point = new BMap.Point(e.latln ......
get /post后端获取前端int型数据
首先post能传过去数据其次传过去的数据全部都是string类型的 所以我们如果想要获取int型数据就得把传过去的string转换成int型转换只能用下面这个函数其他的试过了都不行 必须用Integer.parsenInt其他的valueof之类的都不可以， 这个错误主要是我向后端数据库提交数据的时 ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
生成验证码的前端实现
后端生成表达式1+1=2； 1+1=？@2 1+1=？转成图片，传到前端展示 2存入reids 前端登录界面idea代码中位置ruoyi-ui/views/login.vue 封装了三层。 目前是开发环境 url: http://localhost/dev-api/captchaImage Vue获 ......
VUE前后端分离项目，前端打包，可配置修改环境变量文件，无需再次打包
懒得打字了，直接截图， 转载自：https://blog.csdn.net/CSDN_33901573/article/details/130603111 ......
超分课设，Flask后端，vue前端
1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
Docker的CI/CD流水线简单配置（在windous本地配置）
在做配置之前，请先了解一下知识点，更加方便了解下面代码： 1.文件后缀名为.yml 2.gitlab-runner 3.CI/CD 了解完之后就开始本次代码讲解（一定要先进行了解） 首先先要做一些准备工作，方便下面步骤的使用 1.运行docker里的gitlab 2.找到你想应用的项目仓库里去设置弄 ......
前端实现跨标签页通信
标签页跨页通信 需求：浏览器不同 tab 标签页之间是独立的， 如果要通信必须通过特殊手段来实现跨标签页通信。 1.BroadcastChannel(webworker 可用) BroadcastChannel 接口代理了一个命名频道，可以让指定 origin 下的任意 browsing conte ......
Learn DevOps 第二章：Start DevOps with Docker（一）
一、Introduction and installation 这一张让我们来看一些让开发运维变得非常简单的东西：Containerization。 我们身处微服务的世界，有数百个微服务，一些用Java构建，一些用python构建，还有一些可能是用Javascript构建的。这三种语言的应用程序所需 ......
DevOps
整体的软件开发流程包括： PLAN：开发团队根据客户的目标制定开发计划CODE：根据PLAN开始编码过程，需要将不同版本的代码存储在一个库中。BUILD：编码完成后，需要将代码构建并且运行。TEST：成功构建项目后，需要测试代码是否存在BUG或错误。DEPLOY：代码经过手动测试和自动化测试后，认定 ......
从一次前端公共库的搭建中，深入谈谈tree shaking相关问题
项目背景 随着业务的积累，前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用，但是随着相同技术栈 ......
vue前端截图
<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
前端性能优化详解
性能优化这个词经常会在前端的工作或面试中遇到，这个东西说难好像也并不怎么难，毕竟谁都能说上几点。但是如果你想在工作上遇到各种场景的性能瓶颈时都有直击本质的性能方案，或者在面试时让面试官眼前一亮，那就不能只拘泥于『想到哪说到哪』或者『说个大概』，而要有一套体系化的、各个角度的、深入了解的知识图谱。这篇 ......
飞码LowCode前端技术之画布的设计
简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ......