前端技术文章
-
- HTML5滚动文字停留时间控制技巧
- animation-delay不控制停留而是决定动画开始时间；停留靠animation-duration与关键帧中静止段占比实现，如30%–70%设相同位置可获40%时长的停留效果。
- 文章 · 前端 | 4个月前 | 239浏览 收藏
-
- 原型委托实现多重能力注入方法
- 原型委托实现Mixin的核心是通过__proto__或Object.create建立查找链，使对象在属性缺失时委托给mixin对象，不复制代码、不污染原型、轻量灵活；需注意引用类型共享问题。
- 文章 · 前端 | 4个月前 | 274浏览 收藏
-
- HTML5引入CSS样式方法详解
- CSS未生效需检查引入方式与路径：一、外链用link标签，确保路径正确且文件存在；二、内嵌用style标签，语法须规范；三、内联用style属性，注意优先级；四、统一验证文档编码、协议限制、网络加载及选择器匹配。
- 文章 · 前端 | 4个月前 | 195浏览 收藏
-
- HTML Animation Worklet自定义动画控制教程
- AnimationWorklet不是CSS动画替代品，而是将动画逻辑移至独立线程运行的底层执行环境，用于实现高帧率、响应式、数据驱动动画；它不操作DOM，仅通过effect.setKeyframes()更新transform/opacity等可合成属性。
- 文章 · 前端 | 4个月前 | 421浏览 收藏
-
- HTML滑块控件添加可访问性方法如下： 1. **使用``标签**：这是原生的滑块控件，浏览器默认支持无障碍功能。 2. **添加`aria-label`或`aria-labelledby`属性**：为滑块提供清晰的描述，帮助屏幕阅读器用户理解其用途。 3. **设置`aria-valuemin`和`aria-valuemax`属性**：定义滑块的最小值和最大值。 4. **使用`aria
- 确保HTML滑块控件可访问性的核心做法包括：1.优先使用原生<inputtype="range">以获得内置可访问性支持；2.使用ARIA属性补充语义，如aria-valuemin、aria-valuemax、aria-valuenow和aria-valuetext；3.通过<label>元素关联标签与控件；4.确保键盘导航支持；5.提供清晰的视觉焦点指示；6.实现状态变化的实时反馈。此外，还需避免标签缺失、对比度不足、点击区域过小、焦点指示不清晰等问题，并通过键盘测试、屏幕阅读器
- 文章 · 前端 | 4个月前 | 219浏览 收藏
-
- HTML标注精华推荐人工干预版主加权标识方法
- HTML无原生“精华”语义标签，加权依赖后端注入data-属性（如data-essence="true"）并由前端JS/CSS消费，首屏直出确保稳定性与SEO，ARIA仅用于无障碍，不参与权重逻辑。
- 文章 · 前端 | 4个月前 | 490浏览 收藏
-
- Sass循环生成类方法详解
- Sass中通过@for、@each和@while指令可循环生成CSS类。①@for用于生成编号类，如.col-1至.col-12，按比例设置宽度；②@each遍历列表或映射，适合生成颜色类如.text-primary，绑定名称与值；③@while在条件成立时持续生成类，如.item-1到.item-5，需手动更新变量防死循环。合理选用循环方式可减少重复代码，提升维护效率。
- 文章 · 前端 | 4个月前 | 172浏览 收藏
-
- CSS伪元素添加边框不改变盒模型大小
- 伪元素边框不会撑大盒子——前提是用position:absolute定位并设content:""，使其脱离文档流；否则默认display会占据空间。
- 文章 · 前端 | 4个月前 | 454浏览 收藏
-
- 什么是路由锁？高频操作如何防止误跳转
- “路由锁”是前端SPA中通过路由守卫拦截跳转的控制机制，用于防止用户在表单提交、支付等关键操作中误离开导致状态丢失，本质是JavaScript层的跳转拦截与确认逻辑。
- 文章 · 前端 | 4个月前 | 461浏览 收藏
-
- JavaScript执行上下文详解：影响代码运行的关键因素
- 执行上下文是函数调用时严格创建的有生命周期的对象，分创建与执行两阶段；它决定this、作用域链、变量查找等，而非运行时自然形成。
- 文章 · 前端 | 4个月前 | 299浏览 收藏
-
- Node.js搭建本地服务器教程
- 最直接的方式是使用Node.js内置http模块创建服务器，代码简洁且便于理解底层机制。示例中通过http.createServer监听3000端口，根据URL返回不同内容，访问根路径显示欢迎信息，/about返回关于页面，其他路径返回404。保存为server.js后运行nodeserver.js即可在浏览器访问。虽然http模块基础，但适合学习；实际开发更推荐Express.js，因其路由、中间件管理更高效。安装Express后，可用app.get定义路由，express.static服务静态文件，并
- 文章 · 前端 | 4个月前 | 297浏览 收藏
-
- HTML设置overflow溢出隐藏与滚动方法
- overflow生效需容器有明确宽高且内容真溢出；常见失效因无宽高、flex/grid布局未设min-size、内联元素未转块级；Y轴滚动用overflow-y，移动端需-webkit-overflow-scrolling:touch。
- 文章 · 前端 | 4个月前 | 192浏览 收藏
-
- HTML滚动吸附效果实现方法
- scroll-snap-type必须配合scroll-snap-align才生效；仅设容器scroll-snap-type:ymandatory不触发吸附，需在每个子元素上显式声明scroll-snap-align:start/center/end，且容器须有溢出滚动（overflow-y:auto）和固定高度。
- 文章 · 前端 | 4个月前 | 323浏览 收藏
-
- HTML中dl标签用于键值对排版
- dl标签仅适用于人类可读的术语–解释型文档，如API文档中的参数说明，每项须严格遵循一个dt（术语名）配一个dd（解释），禁止混入非dt/dd元素或当作键值对容器使用。
- 文章 · 前端 | 4个月前 | 221浏览 收藏
-
- CSS浮动布局实现侧边栏跟随滚动的技巧
- float与position:sticky无法共存，因float使元素脱离文档流，而sticky要求元素在常规流中；正确方案是用flex或grid布局配合sticky，并确保父容器可滚动且侧边栏为直接子元素。
- 文章 · 前端 | 4个月前 | 452浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 293次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 348次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 353次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 315次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 135次使用
