前端 字体chrome 103
MASA MAUI APP前端监控指南
MAUI Blazor 接入到 OpenTelemetry 近期由于我们APP项目(MAUI+Masa Blazor)，需要做运营数据采集埋点，经过综合考虑后，决定采用接入OpenTelemetry SDK的方式，由于目前OpenTelemetry的可测性大部分都是基于后端api的，所以我们也对MA ......
谷歌Chrome浏览器排查js内存溢出
1. 打开谷歌浏览器检查台 2. 点击memory 3. 点击开始快照录制，时隔一会儿录一次，多录几次 4. 进行快照对比 ......
前端自动复制功能
一、步骤 1、input，value是你想复制的内容 2、聚焦input的文字，input.select() 3、执行copy命令 document.execCommand("Copy") 4、判断是否成功——不准确，但是有比没有好。 二、代码实现 let inputs=document.creat ......
对某登录站点的JS前端逆向思路
js逆向一直没有相关了解，虽然目前渗透遇见的不是很多，大多数遇见的要么不加密，要么无法实现其加密流程，不过最近看到了一个较为简单的站点正好能够逆向出来，就做了简单记录。本文旨在介绍js逆向的一些基础思路，希望能对初学js前端逆向的师傅有所帮助。 ......
前端学习笔记1
前端 笔记 2023.3 1. <meta>标记 链接 常用meta整理 | 菜鸟教程 (runoob.com) 主要用于提供HTML文档的元数据，用于不同移动设备页面调整（全屏、识别邮箱电话号码、添加广告）、SEO优化（搜索引擎优化）、页面相关（编码、站点适配）…… 2. url href src ......
前端入栈和出栈
在编程中，事件入栈（Event Pushing）和出栈（Event Popping）通常与事件循环（Event Loop）和消息队列（Message Queue）相关。这些概念在前端开发中尤其重要，特别是在处理异步事件和回调函数时。下面我将解释这些概念，并提供一些代码示例。 事件循环（Event L ......
微前端 qiankun
三个项目，一个管理端，两个微前端 文档地址 https://qiankun.umijs.org/zh 普通项目管理端安装qiankun npm i qiankun -S 管理端main.js import Vue from 'vue' import App from './App.vue' Vue. ......
前端常用设计模式初探
设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。 ......
【HMS Core】帐号服务中登录图标字体如何改变
【关键词】 登录按钮、字体 【问题描述】 APP需要分发到香港地区，登录按钮图标如何改成繁体字，文档里只有中英文。 https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/dev-specifications-00000010500 ......
前端路由及两种实现方式
路由的概念来源于服务端，在服务端中路由描述的是 URL与处理函数之间的映射关系，当然也会处理不同的URL来展示不同 的视图界面。 随着Ajax的盛行，无刷新交互成为了当下的主流，我们更希望在无刷新的情况下完成不同URL来展示不同的视图界面，即在一 个页面中完成路由的切换（俗称：单页面应用开发SPA） ......
前端出现变量map未定义
原来错误代码 mounted() { .... this.map.addEventListener("click", function(e){//地图单击事件 var geocoder = new BMap.Geocoder(); var point = new BMap.Point(e.latln ......
get /post后端获取前端int型数据
首先post能传过去数据其次传过去的数据全部都是string类型的 所以我们如果想要获取int型数据就得把传过去的string转换成int型转换只能用下面这个函数其他的试过了都不行 必须用Integer.parsenInt其他的valueof之类的都不可以， 这个错误主要是我向后端数据库提交数据的时 ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
关于 FontAwesome 字体图标库的 content 属性
下图这个例子里，\f0002 被映射为一个放大镜图标： 代码： .fa-search:before { content: "\f002"; } 在Web前端开发中，上图提到的代码是属于使用字体图标（icon fonts）的一种方式。在这个特定的例子中，.fa-search 是一个CSS类，:befo ......
生成验证码的前端实现
后端生成表达式1+1=2； 1+1=？@2 1+1=？转成图片，传到前端展示 2存入reids 前端登录界面idea代码中位置ruoyi-ui/views/login.vue 封装了三层。 目前是开发环境 url: http://localhost/dev-api/captchaImage Vue获 ......
VUE前后端分离项目，前端打包，可配置修改环境变量文件，无需再次打包
懒得打字了，直接截图， 转载自：https://blog.csdn.net/CSDN_33901573/article/details/130603111 ......
超分课设，Flask后端，vue前端
1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
前端实现跨标签页通信
标签页跨页通信 需求：浏览器不同 tab 标签页之间是独立的， 如果要通信必须通过特殊手段来实现跨标签页通信。 1.BroadcastChannel(webworker 可用) BroadcastChannel 接口代理了一个命名频道，可以让指定 origin 下的任意 browsing conte ......
Why I see scss file in my chrome inspector?
Why I see scss file in my chrome inspector? Because there are map files in your CSS folder like *.css.map and *.scss.map. It basically reverse maps th ......
从一次前端公共库的搭建中，深入谈谈tree shaking相关问题
项目背景 随着业务的积累，前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用，但是随着相同技术栈 ......
vue前端截图
<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
前端性能优化详解
性能优化这个词经常会在前端的工作或面试中遇到，这个东西说难好像也并不怎么难，毕竟谁都能说上几点。但是如果你想在工作上遇到各种场景的性能瓶颈时都有直击本质的性能方案，或者在面试时让面试官眼前一亮，那就不能只拘泥于『想到哪说到哪』或者『说个大概』，而要有一套体系化的、各个角度的、深入了解的知识图谱。这篇 ......
飞码LowCode前端技术之画布的设计
简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ......
谷歌浏览器(Chrome) 打开所有网页报错错误代码：STATUS_STACK_BUFFER_OVERRUN
1、在开始菜单，搜索【Exploit Protection】，点击进入程序设置 2、添加程序进行自定义，点击左侧+号，选择【按程序名称添加】 3、程序名称输入：chrome.exe 4、在程序设置页面，往下翻到第十三个设置，【硬件强制实施地堆栈保护】，勾选替代系统设置，开关开启，选择仅审核，点击应用 ......
Arch Linux高分辨率屏幕设置分辨率及字体缩放
序言 由于笔记本原生屏幕分辨率太渣，于是购入一块2440x1400、14英寸副屏。窗口管理器为dwm,使用startx命令进入环境 注：此文不会改变tty的设置,仅设置xorg下某用户的个人设置 目标实现： 关闭笔记本屏幕，只使用副屏 副屏分辨率设置为最高,且屏幕缩放设置为合适大小 高分辨率小屏幕导 ......
使用llama构建一个蜜罐(前端)
title: 使用llama构建一个蜜罐(前端) banner_img: https://cdn.studyinglover.com/pic/2023/07/e9a49d4a404ed9bc4b0f119249194e3d.png date: 2023-8-1 00:12:00 tags: - 网络 ......
mac下，利用chrome浏览器长截图（滚动截图）
1、打开需要截图的网页，随便选一个，然后「右键」「检查」，如下图。 2、点击「检查」，出现控制台窗口后，按「command+shift+p」键，如下图所示。 3、在「Run」的后面，输入「capture full size screenshot」，或者单独输入某个单词，也能在列表中找到，如下图。 4 ......
高级前端开发工程师必备：Hooks、React Router v6 和状态管理
点击下方“前端开发博客”，关注并“设为星标” 大家好，我是漫步 最近一个大佬的简历这样子写的，“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouer v6的源码,进行过技术分享;对技术选型( re ......
Java如何处理前端传来的金额转化为分
1. 在Java中，可以使用BigDecimal类来处理金额 import java.math.BigDecimal; public class Main { public static void main(String[] args) { BigDecimal amount = new BigDe ......