前端布洛芬-CSDN博客

原创龙虾制作的全自动知识讲解视频生成器的skills

《Web Presentation Video v2.0：全自动知识讲解视频生成工具》摘要：该工具是一款一键式视频生成解决方案，支持将知识内容自动转换为专业讲解视频。核心功能包括：支持JSON/Markdown/主题提示三种输入方式；提供22种幻灯片主题风格；集成微软edge-tts语音合成技术；自动生成SRT字幕；通过ffmpeg实现视频编码与BGM混音。相比v1.x版本，v2.0实现了端到端自动化流程，新增断点续传和主题多样性等特性。用户只需提供结构化脚本，系统即可自动完成幻灯片生成、AI配音、截图、

2026-05-13 19:59:42 229

原创仿某打卡 UniApp 版

摘要该项目是一个基于UniApp的企业考勤打卡小程序，主要功能包括：核心功能：支持定位打卡、腾讯地图地址解析、电子围栏距离计算、迟到早退判定、云端存储和打卡记录查询。技术实现：配置了微信小程序和App端的定位权限使用腾讯地图API进行逆地址解析实现了经纬度距离计算算法支持上下班时间自动切换主要界面：实时显示当前日期时间打卡状态提示今日打卡记录展示打卡按钮根据状态自动切换特色功能：电子围栏范围控制（默认500米）迟到早退自动判定兼容uniCloud云端存储历史记录查询功能该

2026-05-12 18:28:57 25

原创省市区三级联动选择组件（UniApp版）

修改组件内\<style\>/* 自定义组件样式示例 *//* 蓝色边框 *//* 占位符灰色 */.text {

2026-04-28 21:23:40 370

原创 AI生成代码「去AI化」保姆级教程：从机器味→手写感

删注释 + 简变量 + 缩逻辑 + 加小瑕疵 = 纯手写风格代码注释多、格式完美、变量名长、逻辑刻板删冗余、简化、加手写痕迹改造后代码功能不变，但完全看不出是AI生成。

2026-04-16 10:24:08 429

原创 OA系统的通用表单验证

这个库包含了OA中常见的验证逻辑。// 通用验证规则集// 必填return '此字段不能为空';},// 金额格式 (保留2位小数)if (!$/.test(val)) return '金额格式不正确，最多保留两位小数';if (parseFloat(val) <= 0) return '金额必须大于0';},// 日期范围校验 (start < end)return '开始时间不能晚于结束时间';},// 身份证校验null : '身份证号格式错误';/**

2026-04-15 20:27:50 253

原创登录，注册页面JavaScript，vue2和vue3，react通用表单验证

动态规则配置在登录模式下，我们通常不需要校验repassword（确认密码）。在函数中，通过传入参数来决定是否执行“密码一致性检查”。用户体验切换模式时：务必清空errors和formData，防止登录时的错误信息残留到注册页面，或者旧数据干扰新操作。实时反馈：在 React 和 Vue 3 示例中，我在onChange时清除了对应字段的错误，这样用户一旦开始修改，红字提示就会消失。密码强度使用了正则/(?!

2026-04-15 20:21:08 383

原创 echarts两条折线线重合

检查stack是否相同→ 删除或设为不同值确认数据是否真的相同→ 若是，用「微调数据」或「样式区分」查看是否共用 Y 轴导致压缩→ 考虑双 Y 轴简化配置：临时移除smoothareaStyle等，看是否恢复。

2026-04-09 21:38:03 247

原创设置echarts 图例为长方形

在 ECharts 中，可通过 legend.icon: 'rect' 将图例标记设为长方形。该配置需在全局 legend 项中设置，不支持单独为系列指定。内置图标类型还包括圆形、三角形等，默认是圆形。设置后所有图例会统一显示为矩形，宽高比约2:1。此方法简单有效，适用于需要统一修改图例样式的场景。

2026-04-09 21:33:23 52

原创让echarts 图例位置在左上角

本文介绍了在 ECharts 中将图例（legend）定位到左上角的配置方法。通过设置 legend 组件的 left 和 top 属性为 'left' 和 'top' 即可实现，同时支持百分比、像素等响应式单位。文章提供了完整的配置示例，并提醒常见误区（如误用 position 属性），以及处理图例被遮挡的解决方案。这种配置方式简洁高效，能确保图例精准显示在图表容器的左上角位置。

2026-04-09 21:32:22 51

原创 2026 前端面试 10 分钟速背版｜直接背、直接过、含 Vue3.5 最新考点

思路我知道，我会立刻补全，学习能力没问题我做了 XX，优化后 XX 提升 XX（一定要量化）加分项：主动提 Vue3.5、HTTP3、Vite、性能监控、AI 开发。

2026-04-04 18:13:22 320

原创 2026 前端面试 10 分钟速背版（大白话·直接上场）

我思路是…，我立刻补，学习很快”“我做了xx，优化后xx提升xx”（一定要量化）加分：提Vue3.5、HTTP3、Vite、性能监控、AI 工具。

2026-04-03 23:46:14 1015

原创 2026 前端面试必杀技（大白话完整版）

—含 Vue3.5 最新特性，不啰嗦、直接背、直接用大家好，这篇是，全程大白话，不绕弯、不重复、不搞晦涩理论，从基础到框架、从工程化到性能，，面试照着说就能拿高分。

2026-04-03 23:45:06 482

原创 2026 前端面试必杀技：全新版｜不重复、大白话、直接背

不会别瞎编：说“我理解思路是…，回去立刻补”项目一定要量化：首屏从 3s→1.2s、体积减少 40%提 AI 提全栈：会用 Cursor/Copilot、懂 BFF、Node 接口、部署。

2026-04-03 23:42:14 468

原创数字信任的裂痕：IT互联网供应链投毒全解析与防御之道

IT互联网供应链投毒，又称软件/硬件供应链攻击，是指攻击者不直接攻击最终目标，而是入侵目标所信任的上游供应商、开发工具、第三方组件、代码库、分发渠道或硬件厂商，在其合法产品、服务或组件中植入恶意代码、后门、漏洞或篡改功能，再通过正常的分发、更新、安装流程，将恶意载荷传递至海量下游用户，实现大规模、隐蔽性的渗透、数据窃取、系统控制与破坏。其核心本质是利用信任链漏洞——攻击者突破的是“可信来源”的防线，让受害者在毫无防备的状态下，主动安装、运行被污染的“合法”程序，攻击隐蔽性极强、波及范围极广、危害程度极深。

2026-04-01 22:06:27 469

原创 2026前端面试必杀技：大白话详解高频面试题2

大白话回答：很多人背完概念就忘，面试时重点说“是什么+怎么触发+实际能用在哪”，结合场景说，分分钟加分！BFC说白了就是块级格式化上下文，简单理解就是一个“独立的渲染小房间”，房间里的元素怎么布局、间距多少，都不影响外面的元素，外面的也干扰不到里面，相当于给元素做了个“隔离罩”。触发条件（满足一个就行，记常用的）

2026-04-01 11:59:02 503

原创 Axios 供应链投毒事件深度解析与全栈式应急响应指南

2026年3月31日，JavaScript生态遭遇里程碑式供应链攻击。全球最流行的HTTP客户端库Axios在NPM平台发布恶意版本axios@1.14.1和axios@0.30.4，攻击者通过劫持核心维护者“jasonsaayman”的NPM账户，绕过GitHub Actions CI/CD管道，手动发布受污染包。此次攻击的隐蔽性体现在未直接修改Axios核心代码，而是通过注入伪装成加密库的依赖plain-crypto-js@4.2.1，利用其postinstall钩子执行跨平台恶意载荷。

2026-04-01 11:49:06 425

原创 2026前端面试必杀技：大白话详解高频面试题（直击考点，看完直接上战场）

大白话回答：很多人背完概念就忘，面试时重点说“是什么+怎么触发+实际能用在哪”，结合场景说，分分钟加分！BFC说白了就是块级格式化上下文，简单理解就是一个“独立的渲染小房间”，房间里的元素怎么布局、间距多少，都不影响外面的元素，外面的也干扰不到里面，相当于给元素做了个“隔离罩”。触发条件（满足一个就行，记常用的）

2026-03-31 21:53:45 454

原创 2026前端面试必杀技：大白话详解高频面试题

大白话回答BFC就是块级格式化上下文，简单说就是一个“独立的渲染小房间”，里面的元素布局不会影响外面，外面也影响不到里面。触发条件（满足一个就行）：根元素html、float不为none、position是absolute/fixed、overflow不是visible、display是flex/grid/inline-block。作用：解决浮动塌陷（父元素包不住浮动子元素）、外边距重叠（两个相邻块级元素margin会合并）、清除浮动影响。大白话回答闭包就是。

2026-03-31 17:12:33 560

原创 OpenClaw 20个热门与自媒体必备 Skills 清单

这份清单结合了2026年ClawHub社区的下载热度、自媒体运营的高频需求以及国内用户的实际使用场景。

2026-03-30 20:20:46 451

原创 uni-app 小程序下 uniCollapse 组件中的 uniCollapseItem里面的 uni-icons无法正常显示

原因 uni-collapse-item.vue 组件。

2026-03-29 00:10:26 73

原创 Apifox投毒事件：一场针对开发者的精准猎杀与应对指南

Apifox投毒事件为所有开发者和企业敲响了警钟。它揭示了开发者工具因其高权限特性，正成为供应链攻击的高价值目标。保持软件更新：及时更新开发工具和依赖库是防范已知漏洞的基础。警惕高权限应用：对拥有文件系统访问权限的应用（尤其是基于Electron等框架的应用）保持警惕。践行最小权限原则：为不同的服务和环境使用独立的、权限受限的凭证。建立应急响应机制：企业应建立针对供应链攻击的监控和应急响应预案，以便在类似事件发生时能快速反应，将损失降至最低。你觉得这篇文章对攻击原理和解决方案的讲解够清晰吗？

2026-03-28 11:06:39 600

原创 2026前端进化论：3个AI编程实战技巧，重塑你的开发流

没问题，今天是。随着AI编程工具（如Continue、Cursor等）的深度普及，前端开发的工作流已经发生了质的变化。为了让你在今天的开发中更高效，我为你精选了三个结合了与。

2026-03-27 13:15:53 409

原创 2026前端面试“通关”指南：拒绝背书，用大白话讲透技术本质

虽然React也在用Fiber架构做增量渲染，但Vue3的响应式在开发体验上更“自动”，而React把控制权完全交给了开发者（比如useMemo, useCallback），让你自己决定什么时候该“排查”，这在构建超大型复杂应用时，给了开发者更大的优化空间。当你能把“闭包”解释成“私有的小金库”，把“虚拟DOM”解释成“装修前的图纸”，面试官的眼睛一定会亮起来。，带你解析2026年最热门的几道面试题，让你不仅能做对题，更能“讲”对题。“我们项目有个Bug，找了好久，最后发现是拼写错了，改了就好了。

2026-03-27 13:11:00 281

原创 2026前端面试“人间清醒”指南：告别八股，用大白话拿下大厂Offer

2026年的前端面试，不再是“背多分”。标准答案（是什么） + 底层原理（为什么） + 业务场景（怎么用） + 避坑指南（注意事项）祝大家都能在这个技术变革的年份，拿到心仪的Offer！

2026-03-27 13:04:27 275

原创拒绝假大空！2026年前端高频面试题大白话解析（附满分回答）。

别把自己当码农，要当“解决方案设计师”：面试官不关心你背了多少API，关心你遇到复杂问题怎么拆解。拥抱AI，但要展示你的“掌控力”：承认AI的效率，但强调你在代码审查、架构设计和边界情况处理上的不可替代性。深度优于广度：与其什么都懂一点，不如对某一个领域（如性能、安全、可视化、即时通讯）有极深的理解。软技能是加分项：怎么和产品经理撕需求（沟通），怎么带新人（影响力），怎么在技术债和业务需求间平衡（决策），这些往往决定你能不能拿到SP（Special Offer）。2026年的前端，

2026-03-26 13:48:27 482

原创 2026前端面试每日冲刺：别只背八股文了，面试官现在更想听这些！

2026年的前端面试，“知其然”已经不够了，必须“知其所以然”甚至“知其所未来”。不要只背 API：去理解框架为什么这么设计（比如 RSC 为什么能减少 Bundle 体积）。拥抱 AI 但保持警惕：展示你利用 AI 提效的能力，同时强调你对代码质量和安全的把控。关注架构：从“怎么写页面”转变为“怎么设计系统”。

2026-03-26 13:45:36 412

原创 2026年前端面试题每日三题：架构演进、AI安全与跨端新范式

2026年的前端世界，边界在消失（前后端、多端、人与AI）。不懂服务端组件，你就做不了高性能架构；不懂AI治理，你就带不了现代化团队；不懂新硬件适配，你的产品就走不出手机屏幕。掌握这些前沿思维，你不再是“切图仔”，而是数字化体验的架构师！💬 互动话题：如果让你选，你更愿意深耕“服务端前端架构”还是“多端/空间计算开发”？评论区聊聊你的职业赛道选择！👇(本文基于2026年技术生态预测，涵盖RSC深度应用、AI工程化治理及泛终端开发趋势，助您从容应对高阶面试。

2026-03-25 10:12:24 854

原创 2026年前端面试题每日三题：AI辅助、响应式原理与性能优化

2026年的前端面试，不再仅仅是背诵API，更多的是考察你如何利用新技术（如AI）解决实际问题，以及对用户体验极致追求的思考。希望这三道题能帮你打开思路，在面试中脱颖而出！💬 互动话题：你觉得AI会在未来完全取代初级前端工程师吗？欢迎在评论区留言讨论！👇(本文内容基于2026年最新技术趋势整理，涵盖React 19、Vue 4、AI编程助手及Core Web Vitals新指标，助您备战大厂面试。

2026-03-25 10:09:50 574

原创 2026前端面试必杀技：大白话讲透 `&&` 与 `||`，短路运算+空值合并，写出大神级代码！

技术没有绝对的好坏，只有适不适合。想设默认值且不在乎 0/空串？👉 ||想设默认值且必须保留 0/空串？👉??(2026 首选)想条件渲染或按需执行？👉 &&掌握&&和||的短路本质，理解它们与??的区别，不仅能帮你搞定面试，更能让你的代码变得简洁、健壮、高效。别再只把它们当作布尔计算器了，它们是构建现代前端逻辑的基石！

2026-03-22 13:34:25 373

原创 2026前端面试必杀技：大白话讲透“Web分包”与“小程序分包”，首屏提速50%不是梦！

2026年的前端面试，不再满足于你会写代码，更看重你解决实际问题的能力。分包不仅是一个技术配置，更是你对用户体验网络协议和平台规则深度理解的体现。Web端：记住路由懒加载 + 厂商库抽离 + 细粒度组件。小程序端：死磕2MB限制 + subPackages配置 + 预下载规则。掌握这些，你的面试通过率将大幅提升！🌟。

2026-03-21 12:48:20 388

原创别被“排序”吓跑！大白话讲透前端面试必考：冒泡排序

首先，忘掉那些复杂的数学公式。想象你面前有一排高低不一的人，或者一锅正在烧开水的气泡。冒泡排序的核心思想就两个字：“浮出”。就像水底的气泡，轻的（小的）会慢慢往上浮，重的（大的）会往下沉。在数组里，我们通过两两比较，把大的数像气泡一样，一步一步“冒”到数组的末尾。先说原理：用“气泡上浮”或“排队换位置”的比喻，解释两两比较、大数后置的逻辑。手写代码：写出基础版本，注意边界条件（len-1-i主动分析：指出其时间复杂度是On2O(n^2)On2，空间复杂度是O1O(1)O1。

2026-03-21 11:35:40 370

原创 Vue中 v-if 和 v-show 到底有啥区别？（大白话版 + 满分回答模板）

技术没有绝对的好坏，只有适不适合。想省内存、控制权限、不常变？👉 v-if想丝滑流畅、频繁切换、保状态？👉 v-show下次面试遇到这个问题，别再只背定义了，把**“仓库搬床”和“墙角折叠”的故事讲出来，配合性能分析和场景举例》，面试官绝对会对你刮目相看！觉得有用？🌟。

2026-03-21 11:32:42 485

原创 OpenClaw 部署阿里百炼千问详细步骤

本文档仅适用于按量付费模式，Coding Plan 需要使用专属 Base URL 和 API Key 接入，且仅支持特定的模型，详情请参考。本文档仅适用于按量付费模式，Coding Plan 需要使用专属 Base URL 和 API Key 接入，且仅支持特定的模型，详情请参考。OpenClaw 支持多渠道交互，能够通过钉钉等聊天工具，让 AI 助手融入您的日常工作，随时随地提供帮助。免费额度领取方法和详情，请查看。，阅读并同意协议后，将自动开通阿里云百炼，如果未弹出服务协议，则表示您已经开通。

2026-03-10 18:30:25 2059 2

省市区三级联动选择组件（UniApp版）

前端面试题汇总

空空如也