-
- 响应式三栏布局：圣杯与双飞翼对比解析
- 现代项目不推荐圣杯/双飞翼布局，应改用Flexbox或Grid：前者适合高度不敏感场景，后者支持等高、间距、对齐及响应式函数如minmax()和clamp()。
- 文章 · 前端 | 1星期前 | 139浏览 收藏
-
- CSS变量优化大屏缩放，transform计算更精准
- --scale变量配合calc()控制尺寸比transform:scale()更可靠，因它改变布局盒而非仅渲染层，避免点击区域错位、坐标系失准、字体糊化等问题。
- 文章 · 前端 | 1星期前 | 139浏览 收藏
-
- 如何用Performance Observer监控关键性能指标？
- PerformanceObserver可异步监听页面性能指标，通过指定entryTypes实时捕获LCP、CLS、FP、FCP等核心WebVitals，结合sendBeacon上报数据，精准监控用户体验。
- 文章 · 前端 | 1星期前 | 性能指标 139浏览 收藏
-
- 怎样用css伪元素::after添加链接的外部图标_利用attr函数动态显示URL
- 纯CSS无法通过attr(href)显示URL或判断站外链接，因attr()仅原样输出属性值且不支持字符串处理；应使用data-external等自定义属性配合::after实现外部链接图标。
- 文章 · 前端 | 1星期前 | 139浏览 收藏
-
- 生成器与异步编程：JS深度解析
- 生成器在异步控制流中的核心作用是作为“流程协调员”，提供非阻塞式的暂停与恢复机制。①通过function*和yield关键字，允许函数中途暂停并将值“吐”出，外部通过next()方法传回值并继续执行；②支持以同步方式编写异步代码，提升可读性和维护性；③提供统一的错误处理机制，通过generator.throw()将错误注入生成器内部，使异步错误处理更直观。
- 文章 · 前端 | 3天前 | 139浏览 收藏
-
- HSL调色提升对比度，优化文字可读性
- HSL模式通过调节L（明度）和S（饱和度）可高效提升颜色对比度以满足WCAG标准；例如将深灰文字hsl(0,0%,30%)的L提至40%–45%，或链接色设为hsl(200,60%,45%)，兼顾可读性与舒适度。
- 文章 · 前端 | 3天前 | 139浏览 收藏
-
- HTML与JS如何配合运行？
- 首先检查脚本是否正确嵌入，确保JavaScript代码位于HTML的body末尾或使用defer属性；其次验证外部JS文件路径正确并用开发者工具Console排查错误，通过console.log调试执行流程。
- 文章 · 前端 | 3天前 | html 139浏览 收藏
-
- Array.reduce 实现嵌套 JSON 原子更新与还原
- 原子化更新指仅修改指定路径字段、其余结构完全不变的不可变操作；通过reduce遍历路径逐层浅拷贝对象或数组，末级写入新值，配合getIn取旧值实现可撤回的状态管理。
- 文章 · 前端 | 3天前 | 139浏览 收藏
-
- 长列表querySelector缓存优化技巧
- 直接缓存querySelector结果是最轻量优化方式，关键在于明确查询时机、存储位置、使用方法及防失效策略，并优先用getElementById、限定查询范围和从父节点查找。
- 文章 · 前端 | 3天前 | 139浏览 收藏
-
- 图片加载优先级优化技巧分享
- fetchpriority仅对Chromium119+的<img>和<iframe>生效，需src静态存在、未缓存、不与loading="lazy"冲突；它不强制插队，只提示优先级，生效需满足空闲连接等条件。
- 文章 · 前端 | 2天前 | 139浏览 收藏
-
- JS异步加载脚本技巧分享
- 异步加载脚本在JavaScript中主要通过使用<script>标签的async和defer属性或动态创建<script>标签实现。1.async属性允许脚本在下载时继续解析HTML，完成后立即执行。2.defer属性使脚本在文档解析后但DOMContentLoaded前执行。3.动态创建<script>标签提供更灵活的控制，适合处理依赖和加载失败。
- 文章 · 前端 | 2天前 | 139浏览 收藏
-
- SRI验证外部脚本安全方法解析
- SRI不是“开了就安全”的开关，它仅在脚本URL固定、哈希值正确且浏览器支持时生效；用错会阻断加载致白屏。
- 文章 · 前端 | 2天前 | 139浏览 收藏
-
- BroadcastChannel结合WebWorker实现多标签页任务共享
- 用BroadcastChannel协调多标签页任务分发与状态同步，WebWorker独立执行计算，通过localStorage防重入、IndexedDB存数据、ServiceWorker预缓存实现离线容错。
- 文章 · 前端 | 1天前 | 139浏览 收藏
-
- CSSfloat实现多元素一行布局详解
- float让元素排成一行失败的核心原因是脱离文档流致父容器塌陷；需触发BFC（如overflow:hidden）、子元素设width、慎用clear:both位置、响应式中须重置float/clear。
- 文章 · 前端 | 1天前 | 139浏览 收藏
-
- WebSocket加密传输：RSAAES保障消息安全
- WebSocket默认明文传输，wss://仅保传输管道安全，无法防服务端日志泄露、XSS跨tab窃取及角色化消息控制；必须在应用层用RSA+AES混合加密，前端每次会话随机生成AES密钥并用服务端公钥加密传输。
- 文章 · 前端 | 1天前 | 139浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 5889次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 6324次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 6135次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 8105次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 6563次使用
