前端single-spa框架single
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
AUTOFRAME 自动化开发框架
AUTOFRAME开发历程 2017年, 开始开发 控制框,并在实际项目上应用 2018年版本: QT版本:基于代码层面的框架设计 , 在参数模块, IOM硬件配置可查询, 多线程过程 应用 异常来大大减少判断代码量, 二层封装层 等 模块设计中 进行了创新 2019年板: 图形编程: 采用 QT ......
Java_集合框架
Java集合的总体系 分类： Collection接口，Map接口 Collection接口：List接口，Set接口 Map接口： Collection集合体系 子接口： 接口List：元素有序，可重复，有索引 实现类：ArrayList、LinkedList 接口Set：元素无序，不重复，无索引 ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
React AntD的Dropdown组件报错：React.Children.only expected to receive a single React element child.可能的n原因
React.Children.only expected to receive a single React element child. Error: React.Children.only expected to receive a single React element child. at ......
集合框架(一)
集合框架 什么是集合 集合相当于一个容器里面可以存放若干个元素，那与数组有什么区别呢？ ①数组中长度是固定的，因为底层使用final来修饰，而集合是可以进行扩容的。 ②数组只能存放一种数据类型，对于其它类型是无法存放的。 ③集合它是一个类里面有大量的方法，比如：添加元素，删除元素，修改元素，查询元素 ......
常见的日志框架及Logback日志框架的使用
什么是日志 日志是一种记录系统运行时信息的方式，这些信息可以包括程序的状态、错误消息、警告、调试信息等 日志的作用 1. 调试和故障排除 当代码出现Bug时，可以通过查看日志，了解程序正在执行过程中的各个步骤和状态，可快速定位和修复问题。 2. 监控和性能分析 用于监控应用程序的运行状况和性能。可以 ......
Fastapi框架：Starlette，Pydantic 与 FastAPI 框架是什么关系？
【一】介绍 Starlette 是个什么项目； IDE 开发时 Python 3.5+ 版本的 "type hints" 的好处：简短、直观和标准的 Python 类型声明； 介绍 Pydantic 包，FastAPI 项目的开发为什么要使用 Pydantic 【二】Starlette 【1】介绍 ......
Fastapi框架：引入
【一】为什么新秀 FastAPI 火成这样 介绍 FastAPI 有哪些突出特点，浏览官网文档中的 Feasures 一览 【二】FastAPI的突出特点 性能优越 开发效率 提升200%~300% 直接减少约40%的人为BUG 直观 易学易用 经简代码/代码重复率低 自带API交互文档，开发成果随 ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
springboot整合前端实现断点续传、大文件秒传以及多线程上传下载
前端，百度开源框架 webuploader新建upload.html webuploader官网地址： http://fex.baidu.com/webuploader/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit ......
微软发布.NET云原生开发框架——.NET Aspire
众所周知，微软于2023-11-14日发布了.NET 8的正式版。伴随着这个重要.NET版本的发布，微软也发布了一个全新的.NET云原生开发框架——.NET Aspire。 .NET Aspire提供了如下3个方面的能力，来帮助我们使用.NET开发分层、云就绪的可观测、本地与生产环境一致的分布式云原 ......
前端打印二维码
1、安装生成二维码的插件 vue-qr yarn add vue-qr // or npm install vue-qr --save 2、安装用于将html代码生成图片的插件 html2canvas yarn add html2canvas // or npm install html2canva ......
Mybatis和其他主流框架的整合使用
Mybatis简介 MyBatis历史 MyBatis最初是Apache的一个开源项目iBatis, 2010年6月这个项目由Apache Software Foundation迁移到了Google Code。随着开发团队转投Google Code旗下，iBatis3.x正式更名为MyBatis。代 ......
盘点10个.NetCore实用的开源框架项目
连续分享.Net开源项目快3个月了，今天我们一起梳理下10个，比较受到大家欢迎的.NetCore开源框架项目。 更多开源项目，可以查看我创建的，.Net开源项目榜单！ 一个专注收集.Net开源项目的榜单github.com/bianchenglequ/netcodetop 1、FytSoaCms ......
iframe本身就不是动态语言，样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写，它是HTML元素的一个组件
以下哪个选项的描述是错误的 A iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载 B iframe的创建比一般的DOM元素慢了1-2个数量级 C iframe标签会阻塞页面的的加载 D iframe本质是动 ......
有趣的前端代码
# 随机位置随机颜色的点 <script> setInterval(function() { var dot = document.createElement("div"); dot.style.position = "fixed"; dot.style.top = Math.random() * ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
声纹识别之GMM-UBM系统框架
声纹识别简介 声纹识别，也称做说话人识别，是一种通过声音来判别说话人身份的技术。根据研究表明，声纹虽然不如指纹、人脸这样，个体差异明显，但是由于每个人的声道、口腔和鼻腔(发音要用到的器官)也具有个体差异性。因为反映到声音上，也是具有差异性的。就比如说，当我们在接电话的时候，通过一声"喂"，我们就能准 ......
Aspire 框架预览版发布，使云原生开发和运维更加简单
随着 .NET 8 的发布，.NET Aspire 也随之发布，这是一个全家桶框架旨在加快基于云的应用程序的构建。.NET Aspire 从一开始就集成了关键组件，例如遥测和运行状况检查。它还承诺提供无缝的本地开发人员体验，该体验可以有效扩展以满足云应用程序开发的需求。Microsoft 鼓励对 . ......
16个值得推荐的.NET ORM框架（含使用情况统计的投票，欢迎参与）
什么是ORM? ORM 是 Object Relational Mapping 的缩写，译为“对象关系映射”，是一种程序设计技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。它解决了对象和关系型数据库之间的数据交互问题，ORM的作用是在关系型数据库和业务实体对象之间作一个映射，这样我们在 ......
第十六天：JS-Ajax&前端逻辑&购物&登录&上传
1、JS 前端验证-文件上传 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 表单数据经常需要使用 JavaScript 来验证其正确性： 验证表单数据是否为空？ 验证输入是否是一个正确的email地址？ 验证日期是否输入正确？ 验证表单输入内容是否为数 ......
web前端第二章
正式开始学习前端的各种代码了 首先学习的是标签 所学标签基本上都是双标签用（/）符号表示结束，以后提到单标签会注明提示 1.<h>标签：标题标签分为<h1> 至<h6>输入之后会一次降级 2.<p>标签：段落标签（可以单标签，下行有留白） 3.<br>标签：换行标签（可以单标签，下行无留白）， 还提 ......
前端知识 汇总
CORS CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）跨域资源共享 CORS 详解。看名字就知道这是处理跨域问题的标准做法。 CORS背后的思想，就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功，还是 ......
Selenium 3.0 + Python自动化测试框架
文档说明 Selenium是一个用于Web应用程序自动化测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。 Selenium测试的主要功能包括： 测试与浏览器的兼容性：测试应用程序是否能很好的工作在不同的浏览器和操作系统之上。 测试系统功能：创建回归测试，检验软件功能和用 ......
飞码LowCode前端技术系列：如何便捷快速验证实现投产及飞码探索
本篇文章从数据中心，事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。 ......