字节跳动青训营--前端第3页

前端面试题总结(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

SpringMVC的工作流程

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

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

MarsCode AI为什么适合教育场景

个性化学习支持‌‌动态难度调节‌根据学生代码提交历史自动调整题目难度（新手→专家模式），匹配不同学习阶段需求‌13利用LSTM神经网络预测知识盲点，推荐针对性练习（准确率92%）‌38‌智能题库系统‌集成近千道编程题目，含字节跳动等大厂面试真题‌

test猿·2025-03-25 03:32

如何评价字节发布的集成了AI的IDE trae？和cursor相比，有什么优势和劣势？

文章目录下载TRAE一、核心能力对比二、Trae的突破性创新三、与Cursor的关键差异点四、典型场景适配建议五、发展瓶颈与改进空间结语字节跳动发布的AI原生集成开发环境Trae在国内开发者社区引发热议

几道之旅·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

阿里一面都会考什么？

今天分享的是训练营的朋友在阿里一面的面试题，内容涉及Redis的核心知识点和LRU算法的实现。这些内容非常实用，尤其是对正在准备面试或工作中需要用到Redis的同学。一起来看看吧！

·2025-03-25 00:02

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

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

·2025-03-25 00:02

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

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

·2025-03-25 00:31

牛客小白月赛94 解题报告 | 珂学家 | 茴字有36种写法

急急急七牛云实训营到底是个啥？2023届秋招华为网络安全工程师面经荣耀二面蚂蚁后端一面4月13

huaxinjiayou·2025-03-25 00:41

从沈抖到谢广军，百度智能云何时“云开月明”？

今年2月，百度智能云全员会上沈抖向友商“开炮”，表示DeepSeek的来势汹汹，首当其冲的AI产品，是字节跳动的豆包，理由是其训练成本和投流成本都很高。

互联网江湖·2025-03-25 00:39

学习新技术总是浅尝辄止？用 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

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

Trae使用教程，帮助您快速上手这款编程神器。

Trae是一款由字节跳动推出的AI驱动集成开发环境（IDE），旨在通过智能代码补全、多模态交互以及对整个代码库的上下文分析等功能，帮助开发者更高效地编写代码。

云上的阿七·2025-03-24 18:19

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

期待与各位高校教师、企业讲师以及同行交流合作主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、

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

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

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

Zacks_xdc·2025-03-24 17:14

代码随想录算法训练营第四十一天 | hot65/100| 33.搜索旋转排序数组、153.寻找旋转排序数组中的最小值、155.最小栈、394.字符串解码

33.搜索旋转排序数组思路是：数组可能有两种情况2345671和6712345将数组一分为二，其中一定有一个是有序的，每次判断前半部分是有序的还是后半部分是有序的，每次只在有序的那部分里找。无序那部分不管（没找到会重新一分为二，继续在有序的一半里找，迟早会找到）注意点：这道题重点是记住边界条件（哪些是小于等于小于大于等于大于）有小于等于/大于等于的情况是因为，如果出现[2,1]中找1的情况，需要有

boguboji·2025-03-24 17:42

代码随想录算法训练营第三十八天 | hot57/100| 114.二叉树展开为链表、437.路径总和III、124.二叉树中的最大路径和、22.括号生成

114.二叉树展开为链表思路是：（1）定义方法，先序遍历保证顺序，把节点按顺序保存（2）再for循环转成链表，一列都是往右排列完整代码：classSolution{ publicvoidflatten(TreeNoderoot){ Listlist=newArrayList(); preorderTraversal(root,list); intsize=list.size()

boguboji·2025-03-24 17:42

代码随想录算法训练营第十天 | 栈与队列part01| 232.用栈实现队列、225. 用队列实现栈、 20. 有效的括号、1047. 删除字符串中的所有相邻重复项

232.用栈实现队列栈与队列的基本知识：Stackstack=newStackq=newLinkedListstack=newStack显然是存储整数类型，如果要存储字符，应该用Dequedeque=newLinkedListstack=newStack<>();还有我写for(inti=0;i

boguboji·2025-03-24 17:12

代码随想录算法训练营第二十三天 | 回溯算法part02| 39. 组合总和、40.组合总和II、131.分割回文串

39.组合总和这道题和前面组合问题的区别是，取的元素可以重复，也就是遍历的时候，同一个元素可以一直取。所以for循环里，逐个添加元素，判断和大于目标时break（否则会一直加）还是新建二维数组放结果，一维数组放path。输入参数为放结果数组、path、提供的数组、目标值、目前总和sum、startIndex提前把提供的数组排序，用Arrays.sort()这样sum超过target就break递归

boguboji·2025-03-24 17:41

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

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

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

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

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

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

Java 大视界 -- Java 大数据在智慧农业精准灌溉与施肥决策中的应用（144）

一、欢迎加入【福利社群】点击快速加入：青云交灵犀技韵交响盛汇福利社群点击快速加入2：2024CSDN博客之星创作交流营（NEW)二、本博客的精华专栏：大数据新视

青云交·2025-03-24 14:21

Java 大视界 -- 基于 Java 的大数据机器学习模型的多模态融合技术与应用（143）

一、欢迎加入【福利社群】点击快速加入：青云交灵犀技韵交响盛汇福利社群点击快速加入2：2024CSDN博客之星创作交流营（NEW)二、本博客的精华专栏：大数据新视

青云交·2025-03-24 14:20

字节跳动离职后，转行学起了AI大模型！该说不说，真的香！！

毕业后，也算是“风光”地进入了字节跳动。做的是运维测试。在职期间刚入职的时候真的信心满满⛽️，但才3天就感受到了互联网头部公司的强度不是一般的大。明面上的早十晚八工作制完全不存在，

小城哇哇·2025-03-24 14:19

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

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

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

代码随想录算法训练营Day19| LeetCode 77 组合、216 组合总和 III、17 电话号码的字母组合

理论基础回溯的本质是穷举，也就是暴力求解，它是递归的一部分。所有回溯法解决的问题都可以抽象为树形结构，因为回溯法解决的都是在集合中递归查找子集，集合的大小构成了树的宽度，递归的深度就构成了树的深度（cr.代码随想录）。应用回溯一般被用于以下几种问题（cr.代码随想录）的求解中：组合问题：N个数里面按一定规则找出k个数的集合切割问题：一个字符串按一定规则有几种切割方式子集问题：一个N个数的集合里有多

今天也要早睡早起·2025-03-24 13:17

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

/*完全消除行间边框*/.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

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

前端面试常见的计算机网络内容梳理

前端面试常见的计算机网络内容梳理，我得从搜索结果里找相关的信息。先看看各个网页的内容。

GISer_Jinger·2025-03-24 12:36

Trae 解决无法登录问题

Trae是字节跳动于2025年1月19日推出的AI编程工具，集成了众多顶级AI。

兔子不爱吃bug·2025-03-24 11:32

开源前端埋点监控插件Web-Tracing

Web-Tracing是一款专为前端项目设计的前端监控插件，它基于JavaScript设计，兼容跨平台使用，并提供了全方位的监控功能。

研创通之逍遥峰·2025-03-24 11:28

字节跳动算法高频题：动态规划最优模板

本文系统梳理字节跳动近三年算法面试中的动态规划（DP）高频题型，提炼出适用于80%场景的通用解题模板。

知识产权13937636601·2025-03-24 11:56

前端实现埋点&监控

前端实现埋点&监控实现埋点功能的意义主要体现在以下几个方面：数据采集：埋点是数据采集领域（尤其是用户行为数据采集领域）的术语，它针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。

Cipher_Y·2025-03-24 11:55

推荐频道

字节跳动青训营--前端