前端javascript插件 常见
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
JavaScript之splice()
参考：https://blog.csdn.net/weixin_45726044/article/details/120151153 概述 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 一个参数 splice(inde ......
代码混淆的原理是什么？常见代码混淆方法介绍
代码混淆的原理是什么？常见代码混淆方法介绍 本文主要想你介绍代码混淆的原理，常见代码混淆方法，欢迎查阅~ 移动应用代码安全非常重要，代码逆向会导致代码逻辑被获取，进一步导致控制流被hook，安全防线被破，给APP安全带来巨大风险，因此开发者一般都会进行代码混淆保护。本文主要介绍了代码混淆的原理、 ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
常见问题
在python中，什么是生成器，什么是迭代器，他们的区别是什么 生成器是一种特殊类型的函数，它使用`yield`语句来产生一个序列的值。生成器函数在每次调用时返回一个生成器对象，可以通过调用生成器对象的`__next__()`方法来逐个获取生成器产生的值。生成器可以通过循环或使用`next()`函数 ......
Java 业务开发常见错误 100 例（二）
HTTP调用：超时、重试、并发 需要考虑的三点： 首先，框架设置的默认超时是否合理； 其次，考虑到网络的不稳定，超时后的请求重试是一个不错的选择，但需要考虑服务端接口的幂等性设计是否允许我们重试； 最后，需要考虑框架是否会像浏览器那样限制并发连接数，以免在服务并发很大的情况下，HTTP 调用的并发数 ......
Cocos Creator 常见错误排查方法
Cocos Creator 新手开发的时候经常会遇到一些错误不知道如何解决，今天把这些错误总结一下，下次遇到的时候，自己知道如何分析。 到底谁为null或undefine 我们在使用Cocos Creator开发的时候，运行游戏项目，经常会遇到这样的问题: TypeError: Cannot rea ......
常见的日志框架及Logback日志框架的使用
什么是日志 日志是一种记录系统运行时信息的方式，这些信息可以包括程序的状态、错误消息、警告、调试信息等 日志的作用 1. 调试和故障排除 当代码出现Bug时，可以通过查看日志，了解程序正在执行过程中的各个步骤和状态，可快速定位和修复问题。 2. 监控和性能分析 用于监控应用程序的运行状况和性能。可以 ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
11.16 基本完成个人任务管理系统项目后重新复习JavaScript高级程序设计——声明var与let变量关键字区别的笔记
我看的是js高级程序设计第四版，前两章快速了解了一下，第三章开始慢啃，虽然内容枯燥，很多东西自己也知道了，但还是有一些收获的。 比如，声明变量的三个关键词：var、let、const；var以前经常用但是会出问题，相比let没有那么严谨（var声明范围函数作用域，而let声明范围块级作用域）。 看个 ......
Redis 缓存系统常见问题及解决方案（缓存击穿,缓存穿透,缓存雪崩）
1、缓存穿透 缓存穿透指当用户在 Redis 缓存系统执行一条无效查询时，这条无效查询将穿透 Redis 缓存系统并向 MySQL 数据库请求数据，而 MySQL 数据库也获取不到数据。 黑客可以利用缓存穿透原理，恶意执行大量无效查询，这将会对 MySQL 数据库的访问造成很大的压力 解决方法： 1 ......
SQL（Structured Query Language）简介和常见 SQL 命令示例
简介 SQL（Structured Query Language）是一种用于访问和操作关系型数据库的标准语言。它是一个功能强大的语言，用于执行各种数据库操作，包括检索数据、插入新记录、更新记录、删除记录、创建数据库、创建新表、设置权限以及执行存储过程和视图等。以下是 SQL 的一些重要方面： SQL ......
Java常见的输入输出流详解
一 File类 【1】定义：Java中通过 java.io.File类来对一个文件（包括目录）进行抽象的描述。但有 File 对象，并不代表真实存在该文件。 【2】属性： 【3】构造方法 【4】方法File构造的方法能够传入一个路径来指定一个文件，这个路径可以是绝对路径也可以是相对路径对象构造好之后 ......
Apipost 推出IDEA插件一键生成API文档
今天给大家推荐一款IDEA插件：Apipost-Helper-2.0，写完代码IDEA内一键生成API文档，无需安装、打开任何其他软件；写完代码IDEA内一键调试，无需安装、打开任何其他软件；生成API目录树，双击即可快速定位API定义的代码…非常好用！而且完全免费！在IDEA编辑器插件中心输入Ap ......
IDEA插件推荐：Apipost-Helper
IDEA是一款功能强大的集成开发环境（IDE），它可以帮助开发人员更加高效地编写、调试和部署软件应用程序。我们在编写完接口代码后需要进行接口调试等操作，一般需要打开额外的调试工具。 今天给大家介绍一款IDEA插件：Apipost-Helper-2.0。代码写完直接编辑器内调试、还支持生成接口文档、接 ......
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 ......
JavaScript判断图片是否已经加载完毕的方法汇总_javascript技巧
在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示： 一.onload事件 通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例 ......
uniapp微信小程序图片裁剪插件，支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式
uniapp微信小程序图片裁剪插件，支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式，功能多性能高体验好注释全。 1.效果预览： 5.引入插件 项目代码：Homilier / qf-image-cropper · GitCode 使用HBuilder X导入项目 ：图片裁 ......
常见堆内存溢出OOM的几种情况
一。常见堆内存溢出的几种情况： 1.查询数据库返回的数据量过大，加载到内存中导致内存溢出； 2.代码中出现死循环情况，导致大对象一直被引用不能被GC回收； 3.资源链接池、io流在使用完没有进行手动释放； 4.静态集合类里面存在引用对象，始终存在引用关系，没有进行清除； 以上属于常见的几种堆内存溢出 ......
【vue2】swiper插件自动循环失效（loop失效）
可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
免费的fast request，还能一键生成文档的idea插件
01.UI焕新升级 新版本对之前“简陋”的UI界面做了升级，好看又好用～没有对比就没有伤害，如 02.发送记录查看 点击左下角发送界面按钮，可查看接口的发送记录和发送 03.新增保存、查看保存记录 调试接口时某些接口返回数据需要记录，本次更新新增保存功能，发送请求后点击保存可保存该次的发送详情和返回 ......
有趣的前端代码
# 随机位置随机颜色的点 <script> setInterval(function() { var dot = document.createElement("div"); dot.style.position = "fixed"; dot.style.top = Math.random() * ......
JavaScript 的数组方法
数组方法构成了任何编程语言中数组的基本方面。这些方法使程序员能够操作、迭代和转换数组，为各种任务提供有效的解决方案。无论是排序、过滤还是映射数据，理解和利用数组方法都是释放代码全部潜力的关键 值（） 该方法返回一个迭代器，为数组中的每个索引提供一个值，不需要任何参数。 长度（） 该方法返回数组的长度 ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......