前端经验

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

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

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

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

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

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

什么是前端工程化？

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

PromptOnce·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

HarmonyOS：@AnimatableExtend 装饰器自学指南

因此，我决定写这篇博客，将自己的学习经验和理解分享出来，希望能帮助更多的开发者快速掌握@AnimatableExtend装饰器

·2025-03-25 04:39

SpringMVC的工作流程

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

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

MySQL WHERE与HAVING子句：理解与运用的艺术

HAVING子句代码示例示例一：基础使用使用WHERE子句使用HAVING子句示例二：组合WHERE与GROUPBY示例三：复杂的HAVING子句示例四：WHERE与HAVING的综合应用功能使用思路与实战经验数据筛选策略性能优化安全性考虑实际工作开发中的使用技巧技巧一

DTcode7·2025-03-25 03:32

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

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

Python字符串对齐哲学探微与东方字符补偿算法（授权DeepSeek撰写）

【学习的细节是欢悦的历程】博客的核心价值：在于输出思考与经验，而不仅仅是知识的简单复述。Python官网：这里，才python前沿。英文原版，原汁原味，才是寻根溯源的正统。

梦幻精灵_cq·2025-03-25 00:12

巧用DeepSeek：三步生成高含金量课题技术路线图

然而，传统的技术路线图绘制过程往往复杂且耗时，需要科研人员具备丰富的经验和深厚的专业知识。如今，随着人工智能技术的飞速发展，借助强大的大模型

CodeJourney.·2025-03-24 23:32

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

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

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

WEB前端面试题—20170405

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

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

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

PostgreSQL：GiST索引实现千万级IP库0.01毫秒检索

__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，

伏羲栈·2025-03-24 21:17

关于 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

前端框架入门：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

前端高级 CSS 用法实战指南

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

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

我人生中最努力的200个小时（自学高项版）

下面给大家分享一些我的备考经验，希望能帮助大家提高.效率，一次上岸！

不是小盆友·2025-03-24 17:47

基于Python+Django的可视化学习系统设计与实现（毕业设计源码+技术文档+系统部署）

博主简介作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、多年校企合作经验，被多个学校常年聘为校外企业导师，指导学生毕业设计并参与学生毕业答辩指导

逐梦设计·2025-03-24 17:44

【前端构建】使用Docker打包多个前端项目到一个Nginx镜像，并给conf文件动态传递参数

目录可以自动生成，如何生成可参考右边的帮助文档文章目录背景正文DockerFileNginx配置模板接收变量并替换Shell脚本将Nginx配置模板替换成配置文件使用构建镜像运行容器总结背景公司给一些客户要部署三个前端项目

Zacks_xdc·2025-03-24 17:14

前端简单数据存储：跳过后端数据库的一种高效策略，应对一些不需要后端访问数据库的简单操作：静态 Markdown 文件存储

为此，我选择在前端直接存储这些静态数据，跳过后端数据库调用。本文将分享如何利用Vue工程中直接存放Markdown文件与内嵌数据，将数据管理与业务逻辑解耦，从而实现快速开发、便于维护和灵活更新的目的。

【D＇accumulation】·2025-03-24 16:10

【「暴富幻觉」与「圈层陷阱」的深层解构】

这种剪刀差导致**达克效应（D-Keffect）**显现——越是缺乏社会经验的人，越容易高估自身判断力。圈层符号的认知绑架骗子通过私人飞机合影（伪造）、米其林餐厅包

调皮的芋头·2025-03-24 16:39

设计模式：深度解析单例模式

本文将深入探讨单例模式的定义、实现方式、优缺点以及应用场景，并结合实际项目经验，为大厂面试中的深度追问提供详细解决方案。

WeiLai1112·2025-03-24 16:06

电脑开机后主机正常运行但是显示器黑屏（最全解决方案）

我在网上搜索了很多视频和文章经验，也看了评论，有的人按照视频或文章说的方法操作，然后解决了的，也有没有解决的。我按着网上说的经验来操作，嗯。。。当然还是没有解决，不然也不会有这篇文章。

ok060·2025-03-24 15:32

跟着外贸高手学跟单！分享6大实用跟单技巧

本文将结合外贸实战经验，分享6大核心跟单技巧，并介绍如何通过ZohoBooks的智能化外贸管理工具提升跟单效率与成功率。

·2025-03-24 15:10

前端vscode中好用的scss插件推荐

一、LiveSassCompilerLiveSassCompiler是VisualStudioCode(VSCode)中非常流行的一个插件，用于将Sass/SCSS文件实时编译为标准的CSS文件。Sass（SyntacticallyAwesomeStyleSheets）是一种CSS预处理器，提供了变量、嵌套、混合（Mixins）、继承等强大功能，而LiveSassCompiler插件可以帮助开发者

熊宝王·2025-03-24 14:55

SpringSecurity——如何获取当前登录用户的信息

UsernamePasswordAuthenticationToken4.通过SecurityContextHolder获取5.使用自定义工具方法总结如何获取更多的用户信息自定义用户实体类如何忽略某些字段（不返回前端

代码代码快快显灵·2025-03-24 14:48

SQL Server 2022常见问题

根据本人多年使用数据库的经验，总结SQLServer2022数据库常见问题包含安装、链接、性能等问题，下面简单说下。

软件研究员·2025-03-24 13:18

网安会有35岁中年危机吗，还有网安将来发展怎么样？网络安全工程师可以干到多大年龄

与传统的IT行业不同，网安行业更加注重实战经验和技能深度，而不是单一的年龄因素。随着经验的积累，网络安全工程师在面对复杂问题时，反应更快、决策更准，这种价值是无法用年龄来衡量的。

认真写程序的强哥·2025-03-24 13:46

关闭表单后再次打开时校验提示未清除

在Vue+ElementUI中，若关闭表单后再次打开时校验提示未清除，可通过以下方案解决（结合搜索结果的实践经验）：一、核心原因分析•校验状态缓存：ElementUI的表单校验状态（如红色边框和错误提示

松岛的枫叶·2025-03-24 12:10

前端页面列表白线问题解决方案

/*完全消除行间边框*/.el-table{--el-table-border-color:transparent!important;}.el-tabletd.el-table__cell{border-bottom:none!important;}.el-tableth.el-table__cell.is-leaf{border-bottom:none!important;}.el-table