前端 空格
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
iframe前端微服务
优缺点分析 iframe 适合的场景 由于 iframe 的一些限制，部分场景并不适合用 iframe，比如像下面这种 iframe 只占据页面中间部分区域，由于父页面已经有一个滚动条了，为了避免出现双滚动条，只能动态计算 iframe 的内容高度赋值给 iframe，使得 iframe 高度完全撑 ......
前端鉴权与后端鉴权方案
基础概念 在介绍鉴权方法之前，先要了解的是：什么是认证、授权、鉴权、权限控制以及他们之间的关系，有了他们做铺垫，那么才能做到从始至终的了解透彻 ~ 什么是认证？ 认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：需要用身份证证明自己是自己。 ......
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
Source Insight空格显示异常
摘自：https://blog.csdn.net/ljz0929/article/details/108300470 有时候在使用source insight的会发现两个变量命名有多个空格，但是显示的只有一个空格，还有可能连在了一起的情况。这时我们只需要设置一下，关闭Fixed Whitespace ......
新版本 el-input 不支持 v-model.trim，自定义指令去除首尾空格
问题场景 <el-input type="textarea" v-model.trim="value" /> 多行文本输入框无法换行。 经测试，去掉 .trim 修饰符后，就可正常换行了。 从 官网文档 ，发现 element-ui 新版本不支持 v-model 修饰符。 因此，若在新版本的 ele ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
python 处理html中 class中存在空格 获取问题
html = """<h1 class='td p1'> 0000000000000000000000000 </h1> <h1 class='td p2'> 123333333333333333333 </h1> <h1 class='p2'> 11111111111111111111111111 ......
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 ......
直播系统源代码，Vue 禁止输入框输入空格
直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
有趣的前端代码
# 随机位置随机颜色的点 <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 ......
第十六天：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头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功，还是 ......
飞码LowCode前端技术系列：如何便捷快速验证实现投产及飞码探索
本篇文章从数据中心，事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。 ......
前端实现流式显示文本
<template> <div> <h1>{{ typedText }}</h1> </div> </template> <script setup> import { ref, onMounted } from 'vue'; const text = 'Hello, World!'; const ......
Java Mysql 类型为Long 转 前端String
一、背景 Java Mysql 类型为Long 转 前端 会丢失精度,在原先基础上补0000; 二、实现 1.// @JsonSerialize(using = ToStringSerializer.class) 但是对我这里是不生效的 @JSONField(serializeUsing = com ......
前端小程序接口报错error:60001
昨天发版过程中发现,测试环境好好的接口到生产就报错了,后台直接接收不到,我们请求的接口根本没有进行后台,查看报错原因如下: 通过排除原因: 1.其它接口有没问题 2.请求域名是否一致 3.请求方式是否一致 4.是否有做token限制 最后查到原因:其余接口没有问题,域名接口路径全部相同,只有报错的这 ......
脚踏esbuild祥云，胸怀tsx利刃，身披scss羽衣，追寻前端的本质
本文所有内容，纯属个人观点，无意与任何人争论 前端技术的现状 我觉得前端技术发展到现在有两个最主要的特征 前端工具链为前端工程化提供了强有力的支持 这方面主要是webpack、rollup、esbuild等工具产生的价值，当然还有背后的Node.js。 这些工具让前端开发者可以更从容的开发大型前端项 ......
js分片上传大文件，前端代码
首先导入jQuery.form.js文件，下面src是相对于改js文件位置， <script type="text/JavaScript" src="jquery/jquery-form.js"></script> <script type="text/javascript">var BYTES_P ......
前端学习-JavaScrip学习-js基础04
学习教程：黑马程序员视频链接 函数 练习-函数参数、返回值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia ......
JS前端验证
验证上传文件的是否符合要求既可以通过前端js代码验证，也可以通过后端PHP代码验证 他们的区别如下： 前端的任何代码都可以被检查网页源代码检测出来 后端的任何代码在没有拿到源码之前都无法被识别出来 通过禁用JS代码可以绕过js的前端验证 判断前端验证是否为JS代码： 1.直接查看网页源代码 2.通过 ......
前端项：步入大学所学专业总结1（有什么想补充的或有错误）的欢迎分享纠正
URL叫做统一定位符（网址）它的组成部分：协议部分：//服务器地址（：端口）/文件名称） 后如需加入参数就需加一个（？） HTML是一种超文本标记语言（我通常记为网页标识） 因特网：国际计算机也称因特网，发展历史悠久，它的前身是美国国防计算机互联网，被人们公认为是未来国际信息高速公路的雏形。刚开始写 ......