前端 流水线 流水devops
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 ......
对比elment-ui 和vben 前端对表格的封装
看了这篇文章 优雅的使用 element-ui 中的 table 组件，突然顿悟了一些。 elment-ui的表格 <el-table :data="tableData"> <el-table-column prop="date" label="日期"> </el-table-column> <el ......
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例：<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
GitLab部署vue项目至GitLab Pages流水线配置
image: node:16.15.0 #表示使用有nodejs环境的docker，自己项目用的什么版本这就写什么版本 stages: - deploy pages: #!!!必须!!!使用pages关键字 stage: deploy script: - npm install - npm run ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化（1）——概述
前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分：头部header，载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
第一篇:前端基础之HTML
HTML文档标准结构： <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定 ......
前端相关网站
## css常见框架 bootstrap https://get.foundation/ https://purecss.io/ https://tailwindcss.com/ https://getuikit.com/ https://andybrewer.github.io/mvp/ ## 前 ......
（转载-自用）前端面试题
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
流水作业调度问题
如题： 思路： 最优调度应该是： 1. 使M1上的加工是无间断的。即M1上的加工时间是所有ai之和，但M2上不一定是bi之和。M2应该空闲多 2. 使作业在两台机器上的加工次序是完全相同的。 然后 没有思路 那就上b站大学，搜素 参考 https://www.bilibili.com/video/B ......
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField()， 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先，进行媒体文件配置： setting ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离，让开发者能够更有效率地开发和维护复杂的应用程序。然而，它们在组织代码和处理用户交互上有一些重要的区别。 首先，让我们了解一下 MVC（Model-View-Controller）模式。MVC 是一种设计模式，被 ......
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有 ......
devops - 在企业内使用verdaccio 搭建npm私有源
verdaccio 是一个基于nodejs的轻量化的私有源 在远程服务器的操作 1. 安装和配置verdaccio 全局安装verdaccio npm install -g verdaccio 配置文件路径 ~/.config/verdaccio/config.yaml 配置远程访问 listen: ......
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
使用 Kubernetes 为 CI/CD 流水线打造高效可靠的临时环境
在不断发展的科技世界中，快速构建高质量的软件至关重要。在真实环境中测试应用程序是及早发现和修复错误的关键。但是，在真实环境中设置 CI/CD 流水线进行测试可能既棘手又昂贵。Kubernetes 是一个流行的容器编排平台，提供临时环境解决方案。在 Kubernete 的帮助下，用户能根据需求创建临时... ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
前端记录
vite 分包 build: { outDir: 'dist', assetsDir: 'assets', rollupOptions: { output: { manualChunks: (id) => { if (id.includes('node_modules')) { //D:/proje ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素：事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
快速认识，前端必学编程语言：JavaScript
JavaScript是构建Web应用必学的一门编程语言，也是最受开发者欢迎的热门语言之一。所以，如果您还不知道JavaScript的用处、特点的话，赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言，具有非阻塞事件循环，因构建网 ......
k8 流水线 缺少maven 依赖包 coredns加域名解析
在k8s 里面加域名解析hosts apiVersion: v1 data: Corefile: | .:53 { errors health { lameduck 5s } ready kubernetes cluster.local in-addr.arpa ip6.arpa { pods in ......
前端优化之路：git commit 校验拦截
【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 ......
2023最新中级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度前端面试题合集 问: 请详述 JavaScript 中的 async/await 用法？ async/await是ES2017引入的新特性，用于实现异步编程的同步化操作。 async表示函数是一个异步函数，它总是返回一个Promise对象；await用于 ......
2023最新初级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度前端面试题合集 问: 请详细描述 HTML、CSS、JavaScript 的基本结构？ HTML、CSS、JavaScript 是 web 前端开发中最常用的三种技术，它们分别负责页面结构、表现形式和交互行为。 HTML（Hyper Text Marku ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
Devops - 使用gogs搭建企业内部git服务器
Gogs 是一款极易搭建的自助 Git 服务, 使用 Go 语言开发使得 Gogs 能够通过独立的二进制分发，并且支持 Go 语言支持的 所有平台。 1. 运行gogs的准备工作 创建运行gogs应用的linux用户及用户主目录 # 创建gogs用户 sudo useradd -m gogs # 设 ......
前端开发-视口（布局视口、视觉视口、理想视口）
首先必须要明白一点：（假设手机分辨率3200 * 1420），css中的1px不一定等于实际屏幕的1px（这里有1420px）,系统会自动匹配一个最合适的比例（假设这个比例为3.5），用屏幕的3.5px 去渲染css中的1px，也就是说，所有的显示屏幕，不管你的分辨率是多少，系统都会自动匹配一个最适 ......