前端highcharts error
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
笔者之前这篇掘金文章一个 SAP 开发工程师的 2022 年终总结：四十不惑 提到，我目前的团队，负责开发一款基于 Angular 框架的电商 Storefront 应用。 这个 Storefront 是一个开源的、基于 Angular 和 Bootstrap 并为 SAP Commerce Clo ......
task0003前端项目准备的学习笔记（之前忘了发不好意思！）
2023-10-26 task0003前端学习笔记 JavaScript作用域学习笔记①：今天看了http://www.laruence.com/2009/05/28/863.html这位作者讲了js的作用域原理，让我豁然开朗，原来函数定义式与函数表达式的不同会导致作用域作用不一样比如：var na ......
使用openjdk17编译时报错：Fatal error compiling: 错误: 不支持发行版本 1.17
1.在linux环境下（docker镜像里面）使用如下命令编译打包时报错 mvn clean package -Dmaven.test.skip=true [INFO] Scanning for projects... [INFO] [INFO] < xxx.xxx:pero-xdd > [INFO ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
iframe前端微服务
优缺点分析 iframe 适合的场景 由于 iframe 的一些限制，部分场景并不适合用 iframe，比如像下面这种 iframe 只占据页面中间部分区域，由于父页面已经有一个滚动条了，为了避免出现双滚动条，只能动态计算 iframe 的内容高度赋值给 iframe，使得 iframe 高度完全撑 ......
前端鉴权与后端鉴权方案
基础概念 在介绍鉴权方法之前，先要了解的是：什么是认证、授权、鉴权、权限控制以及他们之间的关系，有了他们做铺垫，那么才能做到从始至终的了解透彻 ~ 什么是认证？ 认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：需要用身份证证明自己是自己。 ......
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
GRPC - Error Handling
If an error occurs, gRPC returns two basic pieces of information: a status code and an optional error message that explains the problem in detail. Sta ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
ERROR: Permission to stevenlong123/test.git denied to smith-bing. fatal: Could not read from remote
第一次练习git提交代码到github时出现的错误。这里就是说github服务器拒接了我们，不支持远程连接。发现是因为我使用的是ssh来提交的，ssh是安全连接需要通信双方各有一对公钥私钥，github服务器不会自动交换公钥，需要手动在github存储库中部署自己电脑的公钥。使用git命令“ls - ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
mac 下使用 brew 安装包报错 error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)!
mac 下使用 brew 安装包报错 error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)! To rerun under ARM use: arch -arm64 brew install ... T ......
【达梦8大小版本更换后适配flowable6.8报错Error initialising eventregistry data model】
达梦8大小版本更换后适配flowable6.8报错 问题背景： 当前代码使用达梦8并适配了flowable6.8工作流，在达梦8小版本2021版更新到达梦8小版本2023后出现报错，报错如下： - Application run failed org.springframework.beans.fa ......
springboot整合前端实现断点续传、大文件秒传以及多线程上传下载
前端，百度开源框架 webuploader新建upload.html webuploader官网地址： http://fex.baidu.com/webuploader/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit ......
前端打印二维码
1、安装生成二维码的插件 vue-qr yarn add vue-qr // or npm install vue-qr --save 2、安装用于将html代码生成图片的插件 html2canvas yarn add html2canvas // or npm install html2canva ......
3.ProxySQL Error: connection is locked to hostgroup 10 but trying to reach hostgroup 30
兼容问题，解决方案: 登上proxysql的管理端执行以下命令 set mysql-set_query_lock_on_hostgroup=0; 修改后，需要加载到RUNTIME， 并保存到disk load mysql variables to runtime; save mysql variab ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......
docker使用--gpus all报错: docker: Error response from daemon: could not select device driver "" with capabilities: [[gpu]].
报错信息： docker: Error response from daemon: could not select device driver "" with capabilities: [[gpu]]. 解决方法： 1，任意路径下创建nvidia-container-runtime-script ......
fatal error: lzma.h: No such file or directory
001、make编译报错：fatal error: lzma.h: No such file or directory 002、 查找相关包 (base) [root@pc1 bedtools2-2.31.1]# yum search "liblzma" Loaded plugins: fastes ......
RMAN-ERROR：因为找不到过期和丢失的归档日志而备份失败
oracle RMAN ERROR oracle采用rman备份，但是备份过程中报错如下： RMAN-00571: RMAN-00569: ERROR MESSAGE STACK FOLLOWS RMAN-00571: RMAN-03002: failure of backup plus archi ......
fatal error: bzlib.h: No such file or directory
001、make编译报错：fatal error: bzlib.h: No such file or directory 002、查找相关的安装包 (base) [root@pc1 bedtools2-2.31.1]# yum search bzip2 003、安装相关包 (base) [root@ ......
Failed to open /sysroot/etc/fstab:Input/output error
Failed to open /sysroot/etc/fstab: Input/output error 解决办法： umount /dev/dm-0 xfs_repair -v -L /dev/dm-0 reboot ......
error: rpmdb: BDB0113... rpm安装或尝查询时报错
等保要求安装杀毒软件,我跑脚本的时候发现异常退出了,一查芜湖,rpm管理包出问题了 root@VM_0_12_centos equal-protection]# rpm -g clamav error: rpmdb: BDB0113 Thread/process 5113/1406703189463 ......
有趣的前端代码
# 随机位置随机颜色的点 <script> setInterval(function() { var dot = document.createElement("div"); dot.style.position = "fixed"; dot.style.top = Math.random() * ......
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......