前端技术文章
-
- JSON.stringify与parse处理复杂对象的限制
- JSON.stringify与parse在处理复杂对象时存在四大限制：1.循环引用会抛错，需用flatted或replacer函数解决；2.undefined、function、symbol被忽略，NaN、Infinity转为null，RegExp变空对象，Date转字符串但不还原；3.原型链和方法丢失，反序列化后无法调用原对象方法；4.Map、Set、TypedArray等特殊对象无法正确序列化，数据或类型丢失。建议使用structuredClone或专用库进行完整对象复制。
- 文章 · 前端 | 12个月前 | 492浏览 收藏
-
- JavaScript加密安全方案解析
- 正确使用密码学需依赖标准库如WebCryptoAPI或Node.jscrypto模块，避免自实现；密钥应通过环境变量或KMS管理，禁止硬编码；采用PBKDF2或Argon2派生密钥，配合高熵盐值；AES选用GCM或CBC模式，禁用ECB，IV随机唯一；哈希使用SHA-256以上，签名用HMAC或EdDSA；前端可预加密但敏感操作限服务端，通信全程HTTPS保障传输安全。
- 文章 · 前端 | 12个月前 | JavaScript HTTPS 密钥管理 加密 WebCryptoAPI 492浏览 收藏
-
- 动态网页抓取全攻略：从Wayback到服务器交互解析
- 本文深入探讨了通过WaybackMachine等工具下载的静态网页在处理查询字符串时遇到的问题。当动态网页被保存为静态文件时，其原有的服务器端处理逻辑会丢失，导致包含查询字符串（如?page=3）的链接无法触发不同的内容显示。文章阐明了静态与动态网页的本质区别，并提供了两种解决方案：一是利用高级爬虫工具获取所有独立的静态页面，二是重新开发服务器端应用以恢复动态交互功能。
- 文章 · 前端 | 12个月前 | 492浏览 收藏
-
- HTML如何制作太阳系模型？行星轨道怎么动画？
- 构建HTML太阳系模型需先创建包含太阳和各行星轨道的DOM结构，每个行星嵌套在独立的轨道容器内；2.使用CSS设置外层容器的perspective和transform-style:preserve-3d以建立3D空间，太阳通过绝对定位居中，轨道容器以transform-origin:00确保绕太阳中心旋转；3.行星通过translateX或translateZ设定与太阳的距离，并通过rotateY实现自转；4.JavaScript使用requestAnimationFrame循环更新行星轨道容器的旋转角度
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- 多层卡片堆叠设计优化技巧
- 多层卡片堆叠布局在现代网页设计中很常见，比如轮播图、相册展示或3D翻转效果。要实现流畅、性能好且响应式的堆叠效果，关键在于合理使用CSS属性并避免常见性能瓶颈。1.使用transform和will-change提升动画性能当卡片需要动态堆叠或带有位移动画时，应优先使用transform而非改变top/left等触发重排的属性。利用transform:translateZ()创建层级深度，结合perspective实现3D堆叠感。对频繁变化的元素设置will
- 文章 · 前端 | 1年前 | 性能优化 z-index CSS优化 transform 多层卡片堆叠布局 492浏览 收藏
-
- Nuxt去除JSON空字符串技巧分享
- 本文旨在解决Nuxt应用在处理包含空字符串的JSON数据时可能遇到的错误。我们将探讨两种主要策略：一是在数据加载阶段通过JavaScript进行预处理，有效过滤或移除空值对象；二是在Nuxt组件渲染时，利用条件渲染指令（如v-if）动态跳过或处理包含空字符串的元素，从而确保应用的稳定性和界面的正确显示。
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- 微任务与异常捕获如何关联？
- 在JavaScript中，微任务（如Promise拒绝）产生的异常无法用常规try...catch捕获，需通过Promise链的.catch()或async/await中的try...catch处理。1.Promise拒绝会触发微任务，若未被.catch()捕获，则会成为未处理的拒绝，导致全局错误；2.在Promise链末尾使用.catch()可集中捕获链中所有环节的错误；3.async/await语法允许用try...catch同步方式捕获异步错误，提升代码可读性与维护性；4.全局可通过监听unhand
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- 事件循环与设计模式的融合应用
- 事件循环是JavaScript异步操作的运行时机制，并非设计模式本身，但它为多种异步设计模式提供了执行基础。1.事件循环通过不断检查调用栈与任务队列，实现非阻塞执行，使JavaScript能高效处理异步任务；2.它支撑了观察者模式和发布/订阅模式，确保事件回调异步执行，实现对象间解耦；3.Promise和async/await等异步流程控制依赖微任务队列调度，构建清晰的异步逻辑链；4.理解事件循环有助于选择合适的设计模式，避免竞态条件、提升调试效率与应用性能；5.多种设计模式如命令模式、策略模式、单例模式
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- HTML表单自动聚焦设置方法
- 最直接的方法是使用autofocus属性，它能在页面加载时自动聚焦输入框，提升用户体验。该属性适用于input、textarea和select元素，但一个页面中仅第一个带autofocus的元素生效。需注意可访问性、移动端键盘自动弹出及动态内容中autofocus可能失效的问题。此时可用JavaScript的focus()方法实现更精确的控制，两者可结合使用。
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- CSS过渡动画怎么实现？transition教程
- CSS动画的核心机制是transition属性和@keyframes规则配合animation属性。1.transition用于元素在不同状态间的平滑过渡，适用于鼠标悬停、焦点选中等交互场景；2.@keyframes结合animation可定义多步骤复杂动画，实现循环播放与自定义路径。二者共同提升网页动态表现力。
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- 提升Wix页面跳转体验：快速引导外部链接技巧
- 本文旨在探讨Wix页面如何实现快速重定向至外部URL，避免页面完全加载带来的延迟。核心策略包括将wixLocation.to()函数置于$w.onReady()之外以实现即时跳转，以及利用Wix页面设置中提供的内置重定向功能，从而提升用户体验和页面响应速度。
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- JavaScript图像滤镜实现技巧
- 前端图像处理可通过JavaScript结合CanvasAPI实现，1.先加载图像并绘制到canvas；2.利用getImageData获取像素数据，遍历修改RGBA值实现灰度、反色等滤镜；3.用putImageData将处理后数据写回canvas；4.性能优化可采用CSSfilter或离屏canvas配合WebWorker。
- 文章 · 前端 | 1年前 | 492浏览 收藏
-
- CSS浮动对表格布局的影响及解决方法
- 浮动表格会脱离文档流导致布局错乱，引发父容器塌陷和内容重叠；应避免对表格元素使用float，推荐用text-align、flex或grid等现代布局替代，并通过clear或包裹容器清除浮动影响。
- 文章 · 前端 | 1年前 | 492浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 506次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 567次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 592次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 545次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 360次使用
