前端 流水线 流水devops
前端&后端程序员必备的Linux基础知识
一 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统： 操作系统（Operation System，简称OS）是管理计算机硬件与软件资源的程序，是计算机系统的内核与基石； 操作系统本质上是运行在计算机上的软件程序 ； 为用户提供一个与系统交互的操作界面 ； 操作系统分内核与外 ......
ES6 NO.1（ var、let 和 const 命令 ）| 前端小白的的第一篇博客~
var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用，值为 undefined ，其作用域为全局； let 和 const let 用法类似于 var ，但是所声明的变量，只在 let 命令所在的代码块内有效; const 只能用来声明常量，一旦赋值，不能修改，故使用 cons ......
kubesphere流水线使用kaniko在容器中构建镜像
kubesphere流水线使用kaniko在容器中构建镜像 Kaniko - 更安全可靠的方式在Kubernetes内构建容器镜像 kaniko是一个在容器或Kubernetes内从Dockerfile构建容器镜像的工具。 kaniko不依赖Docker守护进程，完全在用户空间执行Docker文件中 ......
【流水】2023.04.15
省选了，省选完了，省选出分了 令人意外的是殷教退了 当时我，zas，mizuki，2k22，crs都不信 但是是真的 看到gtm进了 似乎kaguya和joke没进 最近数学在开排列组合 实验的水平也就我当年那样（笑 或许比我强不少？不清楚 但是格路计数 $\binom{n+m}{m}$ 在做学案的 ......
前端基础之JavaScript
JS简介 全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度 它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨) IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板 前端想一统天下:node.js JS发展史>>>:JavaScript ......
个人部署【未实现Nginx前端资源部署】
【未在Nginx上实现静态资源部署】 虚拟机A作为服务器A：安装Nginx、安装Mysql作为主库 虚拟机B作为服务器B：安装能采用shell脚本部署项目所需软件：jdk git maven jar 、安装Mysql作为从库、安装Redis作为缓存。 服务器B操作： 第一步：使用git clone命 ......
前端CSS
CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
2023前端面试题整理
1、vue响应式： 虽然 Vue 2 与 Vue 3 实现响应式系统的方式不同，但是他们的核心思想还是一致的，都是通过 发布-订阅模式 来实现（因为发布者和观察者之间多了一个 dependence 依赖收集者，与传统观察者模式不同）。 个人理解，观察者模式 与 发布-订阅模式 都是 消息传递的一种实 ......
Web前端资源
招聘要求 前端工程师：1. 熟练掌握HTML5、CSS3、JavaScript，Ajax，跨域等基础知识；2. 熟练掌握VUE开发框架，熟悉ElementUI、Vant 等UI框架的使用;3. 掌握项目版本控制工具 Git 的使用;4. 有APICloud开发经验更佳; Web前端画图 招聘要求： ......
前端常用/不常用插件【想起来才会去更新】
maptalks支持2d/3d地图渲染及操作，maptalks可支持1w左右图形渲染（再多了就会有一点点卡，和电脑性能也有关系）官网：www.maptalks.org 组件中的组件maptalks.three: 可支持three及一些简单数据样式，具体的还没用过maptalks.snap: 绘制图形 ......
微前端 - qiankun学习笔记
##前言 qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2，子应用使用 vue3、react。 ###一、主应用 主应用不限技术栈，只需要提供一个容器 ......
字节前端青训营笔记1.计算机网络
数据交换方式 分为电路交换与分组交换 电路交换是指在通信时建立一条专用的物理连接，该连接将一直保持开放，直到通信结束。在此过程中，通信双方可以实时地交换信息，就好像它们直接连接在一起一样。传统的电话通信就是一个很好的例子。在电路交换中，通信资源一直被占用，因此当通信量很大时，电路交换可能会变得不太有 ......
原生JS修改输入框value，并触发前端框架改变内部管理的响应式数据
背景 有时候，我们需要在一个网站上重复地执行某些操作，例如：输入>查询>输入>查询······这时候，我们可以写一个 js 自动化脚本执行这些操作，来保护我们的手指关节，以及键盘鼠标。 对于大多数网站来说，使用web框架如vue进行开发，这些框架使用内部的响应式系统来管理数据，针对input元素，v ......
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例
基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
时间片 线程切换 指令周期 流水线 TPS的初步了解
时间片 线程切换 指令周期 流水线 TPS的初步了解 情况说明 Redis 单线程提供服务, 可以支撑十万级别的TPS 通过以个非常简单的测试 redis-benchmark -c 50 -n 50000 ping Intel 8369HB 3.3Ghz 14万TPS 阿里 倚天710 2.7Ghz ......
前端（三）
前端（三） 分组和嵌套 div p{ # 嵌套(空格跟着是嵌套) color: red; } div p,p{ # 分组(逗号隔开是分组) color: red; } 伪类选择器 a:link{ /*默认*/ color: red; } a:hover{ /*鼠标悬浮*/ color: blue; ......
前端 | Front-End
HTML 将 HTML 理解成 Markdown 好啦。Markdown 是用来排版一份文本的，同样地，HTML 是用来排版一个网页的。 html ├── head │ ├── title │ ├── meta │ └── link └── body ├── header │ ├── h1 │ └─ ......
devops｜中小公司不要做研发效能度量
我特别反感那些不顾公司现状一上来就想要做研发效能度量的人，尤其是想把研发效能度量当成锤子四处去敲打螺丝钉的人。 没几个人的小公司上来就做研发效能度量，就如同普通人一上来直接问媒婆怎么能娶到迪丽热巴。解决办法无非把大象装冰箱里的那三步。套用一下，公司想要做好研发效能度量也有标准的三步：长时间对研发效能 ......
实践指南-前端性能提升 270%
一、背景 当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。 本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。 先来看看优化的成 ......
前端H5使用html5QrCode实现扫一扫识别二维码
Vue版本：npm install html5-qrcode <template> <div class="index"> <!-- 扫一扫 --> <div class="scan" v-if="isScanning"> <div class="scan-box"> <div id="scanni ......
关于前端基础数据结构的问题
常用的数据集采用数组的好处，当然对于前端新人来很容易混淆，如下的数据是数组（js的数组本就是特殊的对象，因此又叫数组对象）由于这缘故很多网上的叫法五花八门 所以下面的数据结构很容易混淆，以为这是数组对象（其实这样叫没错，只是理解成是真对象（js的数组也是对象的一种，先区别一下免得混淆））其实是数组（ ......
如何在 DevOps 中进行 API 全生命周期管理？
随着 DevOps 理念在中国企业当中的普及和发展，中国企业 DevOps 落地成熟度不断提升，根据中国信通院的数据已有近 6 成企业向全生命周期管理迈进。 而在研发全生命周期管理之中，API 管理的地位愈发显得重要。随着 API 数量的大幅增长，也带来了新的 API 管理需求。 如何在 DevOp ......
前端pdf文件直接下载而不是打开
直接在pdf地址后面加上后缀“?response-content-type=application/octet-stream” 如：http://xxxx/pdf/20230413/1c2c6f20-d9dc-11ed-92bf-79077d10cc6c.pdf?response-content-t ......
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
JAVA返回前端时候bean转json时首字母、第二个字母大写会自动变成小写的问题
后台bean是 private String uName; 但是前端生成的json是 uname 会自动变成小写 如果我们只是个别的几个的话，只需要加个注解 @JsonProperty("uName") private String uName; 这样就可以了 ......
批量上传GPT知识库，前端elementui的upload上传组件，后端Golang的上传接口实现
为了实现批量上传GPT的知识库并且功能，那么这个上传组件就必不可少，需要能把文档上传到服务器中。 前端部分，我是采用的cdn引入的形式，引入的elmentui。该框架是有上传组件的，可以参考我的用法： action部分就是上传接口，其他三个是上传之前的处理，上传成功和失败后的回调函数 <el-upl ......
一对多订单前端写法
$.ajax({ url: "/orders/show_order", type: "GET", dataType: "JSON", success: function(json) { $("#test").empty(); console.log("删除成功!"); $.each(json.dat ......
前端上传资源时无缝切换
通过使用软链接，在上传时更改软链接指向实现 # send ssh new-prod-doc "rm -rf /data/web/dist_source_last/*" # 删除上一版本的资源 ssh new-prod-doc "cp -r /data/web/dist_source/* /data/ ......
4、Web前端学习规划：JavaScript - 学习规划系列文章
JavaScript作为Web前端里的第3重要的语言，笔者认为该重点进行学习。因为JavaScript衍生出来的框架和类库有不少，而且很强大。所以JavaScript的学习要抓好重点，在基本的语法及应用上学习相关的框架和类库，更好的为Web前端的开发应用做好准备。 1、 简介； JavaScript ......
3、Web前端学习规划：CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言，笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染，其也带了一些语言语法函数，功能也非常强大。 1、 简介； CSS（层叠样式表）是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式。CSS可以与HTML和Ja ......