前端技术文章
-
- Vue 中 VNode 类型有哪些？文本注释组件渲染差异详解
- Vue中VNode核心类型有五种：文本节点、注释节点、元素节点、组件节点、函数式组件节点；文本节点仅含text属性，挂载时创建Text节点，更新时仅修改nodeValue；注释节点isComment为true，挂载和更新均只操作nodeValue且跳过diff；组件节点封装实例与上下文，挂载时创建实例并递归patch子树，更新时复用或重建实例。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- JavaScript Proxy拦截对象操作教程
- Proxy仅拦截明确的语言级操作（如get/set/deleteProperty），无法捕获Date/RegExp等内置对象的内部槽访问，且JSON.stringify、Object.assign等不触发trap；set返回false在严格模式下静默失败，throw则抛错；数组length变更不触发deleteProperty。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- 自定义响应式逻辑，实现搜索框防抖技巧
- customRef更适合防抖是因为它能手动控制track和trigger时机：输入时只track不trigger，防抖结束才trigger更新，避免中间值触发响应式副作用。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- CSS处理长英文不换行撑爆问题的常用方法包括使用 word-break、overflow-wrap 或 white-space 属性。以下是几种常见解决方案及对应的优化标题建议：常见解决方法使用 word-break: break-all; 允许在单词内断行，适用于中英文混排或长英文单词。.container { word-break: break-all; }使用 overflow-wrap
- 长英文不换行导致容器溢出时，应同时设置overflow-wrap:break-word和word-break:break-all，并配合max-width或width限制容器宽度，表格需table-layout:fixed，Flex项需flex-shrink:1和min-width:0。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- CSS元素过渡效果全解析
- CSS通过transition属性实现元素平滑过渡，需设置property、duration、timing-function和delay四个参数，常用触发方式包括:hover、:focus及JavaScript操作，仅数值和颜色类属性支持动画。
- 文章 · 前端 | 6个月前 | CSS 过渡效果 472浏览 收藏
-
- Nuxt3环境变量Docker配置详解
- 本文详解如何在Nuxt3（Vue3）应用中，通过Docker构建阶段正确传递和使用环境变量（如NUXT_ENV_N_API），解决runtimeConfig.public在构建时无法读取process.env的常见问题。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- 事件委托多题型表单校验方法解析
- 本文讲解如何通过事件委托和语义化HTML结构，为多个独立答题区域（如问答题、填空题）构建可复用、可扩展的答案校验逻辑，避免重复绑定事件、ID冲突及硬编码依赖。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- JavaScript操作Excel技巧与库推荐
- JavaScript无法直接读写本地Excel文件，但可通过SheetJS（适合解析与轻量生成）和exceljs（适合高样式导出与模板填充）等库在前端或Node.js后端实现Excel操作。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- CSS基线对齐技巧与文本布局优化
- align-items:baseline经常不生效是因为它仅在flex容器中对直接子元素有效，且依赖子元素的字体度量、是否含文本等条件；vertical-align:baseline则作用于内联上下文，两者适用场景和计算逻辑完全不同。
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- Flexbox与Grid实现等宽响应式布局
- 使用CSSGrid或Flexbox可高效实现响应式等宽列。1.Grid通过grid-template-columns:repeat(auto-fit,minmax(200px,1fr))自动均分容器，每列最小200px，剩余空间等比分配，配合gap设置间距，屏幕缩小时列自动换行并重新均宽；2.Flexbox通过display:flex;flex-wrap:wrap和flex:11200px使子项基础宽200px，可伸缩以填满容器，换行后仍保持等宽；3.可结合媒体查询如@media(max-width:60
- 文章 · 前端 | 6个月前 | 472浏览 收藏
-
- HTML如何制作反馈表单详解
- 前端HTML表单无法直接发邮件，必须配合后端接口（如Vercel/Netlify函数）调用邮件服务；需用POST、禁用默认提交、前后端双重校验、防注入、环境变量管理密钥。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- JavaScriptOAuth流程详解与实现方法
- OAuth2.0授权码模式通过前端JavaScript发起授权请求并处理回调，后端完成令牌交换。1.注册应用获取ClientID、ClientSecret和RedirectURI；2.前端构造含response_type=code、client_id、redirect_uri、scope和state的授权URL并跳转；3.用户登录授权后，认证服务器重定向至回调地址，附带code和state参数；4.前端提取code并传给后端，后端使用client_secret通过POST请求交换access_token；
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- JS原型链与继承机制详解
- 原型链是JavaScript中对象属性查找的路径，从实例__proto__逐级向上追溯至Object.prototype（__proto__为null终止）；构造函数的prototype是原型链起点，实例__proto__指向其prototype；继承需用Object.create(Parent.prototype)链接子类prototype并修复constructor，同时用Parent.call(this)继承实例属性。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- HTML5游戏卡顿原因与优化方法
- HTML5游戏手机掉帧主因是requestAnimationFrame误用、图片未适配DPR、touchmove监听泄漏及WebGL纹理上传阻塞；应单层RAF驱动、预切@3x图、被动事件+及时解绑、初始化上传纹理并用texSubImage2D更新。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- 手机制作HTML工具与方法全解析
- 答案：手机可借助编程App和在线工具编写响应式HTML。使用QuickEdit、Dcoder等编辑器编写代码，配合JSFiddle、CodePen等平台实时预览，添加viewport元标签和CSS媒体查询实现响应式布局，通过云盘或GitHubPages分享成果。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集，涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用，助力提升NLP模型性能。
- 498次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 555次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 581次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 534次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 346次使用
