前端之美

前端面试题总结(PS:尊重劳动成果拿或者要原笔记记得滴滴)

前端优化性能的方法压缩字体文件使用fontmin-webpack插件对字体文件进行压缩减少HTTP请求使用字体图标iconfont代替图片图标使用webp格式的图片减少重绘重排使用事件委托使用WebWorkershtml

掉头发的前端酒窝妹妹·2025-03-25 06:54

什么是前端工程化？

什么是前端工程化？前端工程化是指在前端开发中引入一系列标准化和自动化的工具和流程，以提高开发效率、代码质量和项目的可维护性。它包括代码组织、开发工具、构建和打包、版本控制、测试等多个方面。

PromptOnce·2025-03-25 06:23

一文理解前端工程化、模块化和组件化

一、假设你正在组织一个大型聚会：前端工程化：就像你计划整个聚会的流程，从邀请客人、准备食物、布置场地到确保一切顺利进行。这涉及到很多细节，你需要确保每个环节都井然有序。

cc.ChenLy·2025-03-25 06:23

前端 Web 与原生应用端 WebView 通信交互 - HarmonyOS Next

基于鸿蒙HarmonyOSNext与前端Vue通信交互相关小结;DevEcoStudioNEXTDeveloperPreview2Vuejs两端相互拟定好协议后,通过前端页面的点击事件,将所需的数据传输给原生移动端组件方法中

survivorsfyh·2025-03-25 06:53

常见前端安全问题及解决方案

一、跨站脚本攻击（XSS）问题描述‌XSS攻击通过向网页注入恶意脚本（如JavaScript），在用户浏览器中执行，窃取Cookie、会话Token或其他敏感信息‌。持久型XSS‌：恶意代码被存储到服务器数据库（如评论区），长期影响用户‌。非持久型XSS‌：通过URL参数或表单输入直接触发，攻击范围有限‌。解决方案‌对用户输入内容进行转义和过滤，禁止等危险标签的解析‌。使用HttpOnly属性限制

AmyGeng123·2025-03-25 05:20

Android电量测试之battery-historian V2.0 Windows环境搭建

摘自官网BatteryHistorian是一个这样的的工具：可以在Android5.0Lollipop（API级别21）及更高版本的Android设备上检测与电池相关的信息和事件，而在此期间，该设备没有插上电源。它允许应用程序开发人员在时间轴上可视化系统和应用级别的事件，并使用平移和缩放功能，在设备最后一次完全充电之后，可以轻松地查看各种聚合统计信息，可以选择一个应用程序，检查所选择的应用程序对电

凉凉Lxy·2025-03-25 05:46

Springboot之RequestContextHolder 学习笔记

1.核心作用RequestContextHolder是Spring框架中用于管理当前线程请求上下文的工具类。它的主要功能包括：存储请求上下文：通过ThreadLocal存储与当前线程绑定的RequestAttributes对象（如ServletRequestAttributes）。全局访问点：提供静态方法，允许任意层代码（如Service或DAO层）无需显式传递HttpServletRequest

走向自由·2025-03-25 05:16

SpringMVC的工作流程

1.工作流程（1）用户通过浏览器向服务器发送请求，请求会被SpringMVC的前端控制器DispatcherServlet拦截。

嗯嗯嗯吧·2025-03-25 04:41

图论--最短路算法

4Bellman-Ford5SPFA(ShortestPathFasterAlgorithm)0图的储存方式边目录(记下来，仅此而已)邻接矩阵(适合稠密图)邻接表(适合稀疏图)链式前向星(万能)：从每一个点把与之相连的边拉成一条链用

Dream_Maker_yangkai·2025-03-25 04:38

图论--最短路问题总结

往期文章：算法-图-dijkstra最短路径-CSDN博客Bellman_ford算法--带负权值的单源最短路问题，边列表存储-CSDN博客bellman_ford之判断负权回路-CSDN博客bellman_ford

微臣愚钝·2025-03-25 04:37

python正则表达式re模块全称_python之re模块（正则表达式）

re模块用于在正则表达式匹配操作。python中为了避免实现输出'\'，'\n'字符的转义问题(如正则表达式使用反斜杠"\"来代表特殊形式或用作转义字符，这里跟Python的语法冲突，因此，Python用"\\\\"表示正则表达式中的"\"，因为正则表达式中如果要匹配"\"，需要用\来转义，变成"\\"，而Python语法中又需要对字符串中每一个\进行转义，所以就变成了"\\\\"。)。为了使正则

月寒亭·2025-03-25 04:07

core-v-verif系列之cva6 verilator Model编译

编译命令单个case执行日志Wed,19Mar202511:18:28DEBUGmkdir-p/cva6/verif/sim/out_2025-03-19-5966/directed_testsWed,19Mar202511:18:28DEBUGWed,19Mar202511:18:28INFOCompilingtest:/cva6/verif/tests/riscv-arch-test/risc

CDerL·2025-03-25 03:03

微信小程序之 wx.showToast延时跳转页面实例

需求：wx.showToast显示成功后返回上一级页面微信小程序返回上一级页面，代码如下：wx.navigateBack({delta:1})微信小程序wx.showToast延时跳转页面，代码如下:wx.showToast({title:'成功',icon:'success',duration:2000,//显示透明蒙层，防止触摸穿透mask:true,success:function(){se

gyuei·2025-03-25 03:02

设计模式之责任链模式：原理、实现与应用

引言责任链模式（ChainofResponsibilityPattern）是一种行为型设计模式，它允许多个对象有机会处理请求，从而避免请求的发送者与接收者之间的耦合。责任链模式通过将多个处理对象连接成一条链，使得请求沿着链传递，直到有对象处理它为止。本文将深入探讨责任链模式的原理、实现方式以及实际应用场景，帮助你更好地理解和使用这一设计模式。1.责任链模式的核心概念1.1什么是责任链模式？责任链模

wenbin_java·2025-03-25 02:28

软件设计师之UML交互图与状态图：软件动态建模的关键工具

软件设计师之UML交互图与状态图：软件动态建模的关键工具大家好！在软件开发的学习和实践中，我发现UML中的交互图和状态图对于理解和设计软件系统的动态行为至关重要。

一杯年华@编程空间·2025-03-25 02:57

（前端开发）网页制作案例

HTML（index.html）A宝学成在线首页课程职业规划A宝前端开发后端开发移动开发人工智能商业预测云计算&大数据运维&测试UI设计产品我的课程表数据可视化课程正在学习-echarts使用步骤Vue3

A宝呀·2025-03-25 02:25

现代前端测试革命：用「Vitest + Playwright」实现零配置全栈测试

文章目录一、传统前端测试的五大痛点1.1开发者调研数据（N=500+项目）1.2现代测试方案核心优势二、十分钟搭建企业级测试环境2.1零配置初始化2.2核心配置文件三、六大实战测试场景3.1场景一：组件交互测试

前端极客探险家·2025-03-25 02:54

Electron从入门到精通：手把手教你用前端技术打造桌面级应用（万字长文）

目录标题前言：为什么选择Electron？一、Electron基础篇：环境搭建与核心概念1.1开发环境准备1.2项目结构解析（关键文件详解）关键文件说明：1.3核心概念解析（文字版架构说明）Electron双进程模型：架构要点总结：二、核心机制详解：主进程与渲染进程2.1主进程开发实战2.2渲染进程安全实践2.3进程通信全解析三、企业级开发实战3.1项目脚手架搭建3.2典型功能实现3.3调试技巧四

前端极客探险家·2025-03-25 02:24

前端 AI IDE应用&优缺点

嗯，用户问了三个前端面试的问题，我需要仔细分析每个问题，并结合提供的搜索结果来给出全面且准确的回答。第一个问题是关于开发工具Cursor或Vim的Windurf在开发中的占比以及它们的缺点。

GISer_Jinger·2025-03-25 02:52

前端 -- 计算机图形学基础：光与三角形面（Mesh）求交

全文目录：开篇语前言目录基本概念光线是什么？️Mesh（三角形面）是什么？为什么需要光与Mesh求交？数学基础1️⃣光线的表示方式2️⃣三角形面的数学表达3️⃣光线与三角形求交的算法基本步骤：️实践案例：光与三角形求交的实现基本代码实现优化思路与扩展拓展知识：光追与Mesh求交的高级应用总结与感悟文末开篇语哈喽，各位小伙伴们，你们好呀，我是喵手。运营社区：C站/掘金/腾讯云/阿里云/华为云/51C

喵手·2025-03-25 01:52

web前端录制canvas视频和video的声音，并合并成一个文件进行下载

一、captureStream‌captureStream‌是一个WebAPI方法，用于捕获指定元素的媒体流。该方法通常用于从、或元素中捕获实时视频流或音频流，以便进行进一步的处理，如直播、录制或分析‌。captureStream()方法能够实时捕获视频流，适用于直播、实时监控等场景。它返回一个MediaStream对象，该对象包含了捕获的视频流数据。相比其他视频捕获方法，captureStrea

不怕麻烦的鹿丸·2025-03-25 01:49

前端开发：这就是终点吗？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子，那时候，程序员岗位炙手可热。机会遍地都是，你甚至只需参加少量培训，通过面试后便能轻松收获年薪超15万的工作，还有余暇拍摄一段《程序员的一天》上传网络。经过短短一年左右的培训，你便踏上了年薪六位数的职业道路——那时候，当程序员似乎是一个人人羡慕的理想职业。然而

·2025-03-25 00:02

基于 React 和 Vite 的前端项目自动化测试方案

背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略，原因在于人们认为编写测试用例成本高且意义不大，本质是觉得投资回报率低。但当收益大于支出时，引入前端自动化测试是必要的。

·2025-03-25 00:31

TouchGFX之进度指示器

代码#ifndefTOUCHGFX_ABSTRACTPROGRESSINDICATOR_HPP#defineTOUCHGFX_ABSTRACTPROGRESSINDICATOR_HPP#include#include#include#include#include#includenamespacetouchgfx{classAbstractProgressIndicator:publicConta

Stone_lu。·2025-03-25 00:42

TouchGFX之Button

TouchGFX中的按钮是一种感应触控事件的控件，能够在按钮被按下/释放时发送回调代码#ifndefTOUCHGFX_ABSTRACTBUTTON_HPP#defineTOUCHGFX_ABSTRACTBUTTON_HPP#include#include#includenamespacetouchgfx{/*按键抽象接口类*/classAbstractButton:publicWidget{pub

Stone_lu。·2025-03-25 00:12

TouchGFX之容器

容器是TouchGFX中的一种组件，可以包含子节点（比如控件和其他容器）。在TouchGFXDesigner中，可以在Widgets（控件）选项卡中的containers（容器）类别下找到容器，向容器中添加控件的方法将控件拖放到树视图中的容器中。子容器在Z轴上的顺序由向容器中添加子容器时的顺序决定-最后添加的子容器将显示在屏幕的最前面。由于TouchGFX中控件的位置是相对于其父容器而确定的，因此

Stone_lu。·2025-03-25 00:12

AI鸟类识别技术革新生态监测：快瞳科技如何用“智慧之眼”守护自然？

在生态环境保护日益受关注的今天，“鸟类识别”已从专业科研工具演变为推动生态治理数字化的核心技术。无论是湿地保护区的珍稀候鸟监测，还是城市机场的鸟击风险预警，AI技术的精准赋能正在改写人类与自然的互动方式。作为行业领先的智能解决方案，快瞳科技的鸟类AI识别算法凭借超强环境适应性、跨区域物种覆盖以及全场景服务能力，正成为全球生态监测领域的“黄金标准”。一、为什么AI鸟类识别成为生态保护的刚需？传统人工

深圳市快瞳科技有限公司·2025-03-25 00:11

ARM-V9 RME(Realm Management Extension)系统架构之功耗管理

安全之安全(security²)博客目录导读目录一、系统功耗管理1、功耗状态2、PE功耗管理3、系统和PE集群功耗管理4、系统功耗状态二、RME组件功耗管理本节规定了RME系统的功耗管理规则。

安全二次方·2025-03-25 00:09

python 内存监控模块之memory_profiler

0.memory_profiler是干嘛的Thisisapythonmoduleformonitoringmemoryconsumptionofaprocessaswellasline-by-lineanalysisofmemoryconsumptionforpythonprograms.Itisapurepythonmoduleandhasthepsutilmoduleasoptional(bu

weixin_33736832·2025-03-24 23:37

学习新技术总是浅尝辄止？用 AI 打破瓶颈，真正掌握技能！

网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java

网罗开发·2025-03-24 23:01

数据结构之串学习笔记（一）

一.c语言中的串在很多高级语言中，都含有串这一数据类型，而c语言中并没有所谓’串‘’这一数据类型，在c语言中，串为一种特殊的线性表，其数据元素仅由字符构成。要有效实现字符串的处理，就要根据实际情况使用合适的存储结构。书上有这么一句话：数组可以看成线性表在“表中数据元素本身也是一个数据结构”这一含义下的拓展，如何理解这句话？线性表是具有相同数据类型的n个数据元素的有限序列，有唯一的表头和表尾元素，除

Amoxicillin991·2025-03-24 22:59

WEB前端面试题—20170405

1、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？行内元素：abspanimginputselectstrong块级元素:divulollidldtddh1h3h4p空元素:2、清除浮动的几种方式，各自的优缺点。方法一：结尾处加空div标签clear:both原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度优点：简单、代码少、浏览器支持

xyphf_和派孔明·2025-03-24 22:58

C++ 图论之求图的连通块数量（邻接矩阵版）

1.连通块的定义块内每个点之间都有一条路径。2.思路我们可以用dfs深度优先搜索：从一个点出发遍历图将遍历过的点全部标记，标记过的点则不会再遍历到。再写一个循环枚举所有的点（枚举起点），如果没标记就代表可以作为起点，数量加一，进行dfs标记点。3.代码#includeusingnamespacestd;longlongn,m,ans;//n点数，m边数，ans连通块数量。boola[105][10

JuRuo_Yuan·2025-03-24 22:28

【框架学习与探究之定时器--Quartz.Net 】

声明本文欢迎转载，原文地址：http://www.cnblogs.com/DjlNet/p/7572174.html前言这里相信大部分玩家之前现在都应该有过使用定时器的时候或者需求，例如什么定时发送邮件通知，定时筛选取消客户下单未支付的订单，定时数据备份或者归档清洗什么的诸如此类的需求，都是定时的作用的地方，类似比如：windows的计划任务、数据库的计划任务都是同样体现，那么相关于这方面的轮子或

weixin_34082177·2025-03-24 22:27

core-v-verif系列之cva6 cva6.py执行示例(1)

执行命令bashverif/regress/dv-riscv-arch-test.shbashverif/regress/dv-riscv-arch-test.sh备注，这里我们设置了环境变量exportRISCV=RISCV_TOOLSexportDV_SIMULATORS=veri-testharness,spikeexportNUM_JOBS=$(nproc)执行输出日志[install-v

CDerL·2025-03-24 22:55

免费开源的DotNet任务调度组件Quartz.NET（.NET组件介绍之五）

很多的软件项目中都会使用到定时任务、定时轮询数据库同步，定时邮件通知等功能。.NETFramework具有“内置”定时器功能，通过System.Timers.Timer类。在使用Timer类需要面对的问题：计时器没有持久化机制；计时器具有不灵活的计划（仅能设置开始时间和重复间隔，没有基于日期，时间等）；计时器不使用线程池（每个定时器一个线程）；计时器没有真正的管理方案-你必须编写自己的机制，以便能

dfkqtok82472315·2025-03-24 22:25

html5-qrcode前端打开摄像头扫描二维码功能

实现的效果如图所示，全屏打开并且扫描到二维码后弹窗提醒，主要就是使用html5-qrcode这个依赖库，html5-qrcode开源地址：GitHub-mebjas/html5-qrcode:AcrossplatformHTML5QRcodereader.Seeendtoendimplementationat:https://scanapp.org使用文档：Gettingstarted|ScanA

1024小神·2025-03-24 21:52

前端Wind CSS面试题及参考答案

目录标准盒模型与IE盒模型的区别是什么？如何通过box-sizing属性切换这两种盒模型？如何计算一个元素在标准盒模型下的总宽度（包含margin、padding、border）？父元素高度塌陷的原因是什么？请列举至少3种清除浮动的方法。方法一：使用clear属性方法二：使用BFC（块级格式化上下文）方法三：使用伪元素margin负值的作用是什么？请举例说明其应用场景。inline、block、i

大模型大数据攻城狮·2025-03-24 21:52

Harmonyos Next，一多开发之媒体查询

媒体查询媒体查询常用于下面两种场景：针对设备和应用的属性信息（比如显示区域、深浅色、分辨率），设计出相匹配的布局。当屏幕发生动态改变时（比如分屏、横竖屏切换），同步更新应用的页面布局。核心用法咱们分2个角度来看看如何使用媒体查询整合步骤导入模块--->创建监听器--->注册监听器--->移除监听器2.调整媒体查询条件//1.导入模块import{mediaquery}from'@kit.ArkUI

给我狠狠的写·2025-03-24 21:52

机器学习之条件概率

1.引言概率模型在机器学习中广泛应用于数据分析、模式识别和推理任务。本文将调研几种重要的概率模型，包括EM算法、MCMC、朴素贝叶斯、贝叶斯网络、概率图模型（CRF、HMM）以及最大熵模型，介绍其基本原理、算法流程、应用场景及优势。2.EM算法（Expectation-Maximization）2.1概述EM算法是一种用于含有隐变量或缺失数据的最大似然估计方法。其核心思想是交替执行期望（E）步骤和

贾斯汀玛尔斯·2025-03-24 21:49

关于 vue2 vue3 响应式数据，及如何清空、重置对象

在一个项目中，后台用的vue3，前端用的是uniappvue2，项目几乎是并行开发，然后在一个vue2数据清空的方法里直接写了一个this.form={}的代码，结果页面出现残留数据让我进一步了解了vue2

xixixin_·2025-03-24 20:45

SvelteKit 最新中文文档教程（9）—— 部署静态站点与单页应用

前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。

·2025-03-24 20:24

html大学生网站开发实践作业：传统文化网页设计题材【绒花6页】HTML+CSS+JavaScript (1)

@码出未来-web网页设计·2025-03-24 20:09

大模型微调方法之Delta-tuning

大模型微调方法之Delta-tuning大模型微调方法自从23年之后可谓是百花齐放，浙大有团队在8月将关于大模型微调方法的综述上传了ArXiv。论文将微调方法总结为等几个类别。

空白II·2025-03-24 20:09

前端框架入门：Vue 基础

Vue.js是一款流行的前端框架，专注于构建用户界面。它采用响应式数据绑定和组件化开发，易于上手且功能强大。Vue3版本引入了CompositionAPI，提升了开发效率。

风亦辰739·2025-03-24 20:36

【html5期末大作业】基于HTML仿QQ音乐官网网站

IT-司马青衫·2025-03-24 19:29

微信小程序和uni-app的区别

开发语言和框架：Uni-app：Uni-app使用Vue.js框架进行开发，利用Vue的语法和生命周期函数，开发者可以使用熟悉的前端技术栈。

cccv工程师·2025-03-24 18:26

吊打面试官之 HTTP 协议的前世今生

1、HTTP的基本概念HTTP是超文本传输协议（HyperTextTransferProtocol），下面具体解释一下：协议：HTTP是一个用在计算机世界里的协议，它使用计算机能够理解的语言确立了一种计算机之间交流通信的方式（两个及以上的参与者），以及相关的各种控制和错误处理方式（行为约定和规范）。传输：HTTP是一个双向协议，比如A浏览器访问B服务器，使用HTTP协议来通信，数据就在A和B之间传

~Maple~·2025-03-24 18:55

前端高级 CSS 用法实战指南

前端高级CSS用法实战指南CSS的高级用法能显著提升开发效率、优化页面性能并实现复杂的视觉效果。

Real Man★·2025-03-24 18:55

Python 学习第五册深度学习第1章什么是深度学习

目录1.1人工智能、机器学习与深度学习1.1.1人工智能1.1.2机器学习1.1.3从数据中学习表示1.1.4深度学习之“深度”1.1.5用三张图理解深度学习的工作原理1.2深度学习之前：机器学习简史1.2.1

weixin_38135241·2025-03-24 18:25

推荐频道