前端技术文章
-
- CSS如何利用BEM命名规范解决Flex布局的兼容性_针对容器与子项命名
- BEM解决的是Flex协作问题而非兼容性问题，要求容器类名绑定Block、Modifier表达业务意图、子项命名带上下文、响应式用静态Modifier控制。
- 文章 · 前端 | 4个月前 | 306浏览 收藏
-
- html5如何制作象棋_HTML5象棋游戏制作步骤与逻辑实现【指南】
- 需结合Canvas绘图、事件监听与状态管理实现象棋游戏：一、建Canvas画布并获取2D上下文；二、绘制9×10棋盘、楚河汉界及九宫格；三、用二维数组定义棋子属性与初始布局；四、通过鼠标事件实现选子与落子逻辑；五、为各类棋子编写独立走法规则函数。
- 文章 · 前端 | 4个月前 | 118浏览 收藏
-
- JavaScript中的with语句为什么被弃用_它有替代方案吗
- with语句在严格模式下被完全禁用，非严格模式下已被主流引擎废弃，绝不该在新代码中使用；它破坏作用域透明性、阻碍静态分析、导致变量引用不可预测，并引发难以调试的错误。
- 文章 · 前端 | 4个月前 | 110浏览 收藏
-
- JavaScript图表库如何选择与使用？
- 选JavaScript图表库需聚焦需求匹配度、学习成本、维护活跃度三点：静态图用Chart.js或ECharts，实时交互选D3.js或AntVG2，按框架兼容性、体积和更新频率综合评估。
- 文章 · 前端 | 4个月前 | 118浏览 收藏
-
- HTML怎么做侧边菜单布局_HTML后台侧边菜单布局实现【示例】
- 用flex布局实现侧边菜单：父容器display:flex，菜单flex:00200px，主内容flex:1并overflow:auto；高亮靠JS匹配URL动态加active类；移动端用translateX(-100%)抽屉式切换；侧边栏推荐position:sticky而非fixed以保障语义与兼容性。
- 文章 · 前端 | 4个月前 | 404浏览 收藏
-
- 如何通过 Web Locks API 异步协调多个页面对共有 DOM 资源的原子化访问
- WebLocksAPI通过资源维度唯一锁名协调多标签页对共享状态的原子访问，所有读-改-写操作须在锁回调内完成并返回Promise，不支持环境需服务端幂等或前端提示降级。
- 文章 · 前端 | 4个月前 | 451浏览 收藏
-
- 如何通过HTML的capture属性在移动端上传时调用设备摄像头
- capture属性在移动端可调用摄像头，但仅限特定场景且高度依赖浏览器实现；现代AndroidChrome、Safari（iOS16.4+）支持capture="environment"或capture="user"触发原生相机界面，而旧版iOS、微信内置浏览器等多数不支持。
- 文章 · 前端 | 4个月前 | 391浏览 收藏
-
- HTML怎么表示变量_HTML var标签在代码中的作用【说明】
- <var>是纯语义标签，用于标记文档中表示变量名、数学符号或占位符的文本，不具动态功能，不影响运行时行为，仅提升可访问性与SEO。
- 文章 · 前端 | 4个月前 | 167浏览 收藏
-
- 如何利用Less快速构建CSS按钮组件库_封装颜色、尺寸与状态的Mixins
- 必须用参数化Mixin管理按钮：尺寸用语义化map+guard判断的.button-size()，颜色变体显式分离@bg/@border/@text，状态样式正交封装为.button-state()，主题变量须在组件前导入以确保上下文一致。
- 文章 · 前端 | 4个月前 | 438浏览 收藏
-
- 如何利用css制作具有呼吸感的小球跳动动画_配合animation-timing-function
- 呼吸感动画本质是用cubic-bezier(0.25,0.1,0.25,1.0)控制scale与translateY同步变化，通过压扁→拉伸的形变反馈模拟自然节奏，需注意iOSSafari对贝塞尔y值限于[0,1]及keyframes内不可设timing-function。
- 文章 · 前端 | 4个月前 | 405浏览 收藏
-
- css文本换行异常怎么办_word-break与white-space控制换行逻辑
- 文本换行异常需协同设置word-break与white-space：前者控制断词位置（normal/break-all/keep-all），后者决定空白处理与换行权限（normal/nowrap/pre/pre-wrap）；长URL用break-all+normal，中英混排防误断用keep-all，预设换行用pre-line，优先选overflow-wrap:break-word保兼容。
- 文章 · 前端 | 4个月前 | 298浏览 收藏
-
- css过渡在不同设备上的表现如何_通过媒体查询和过渡优化设备适配
- 移动端过渡动画卡顿的根本原因是重绘开销大，应仅用transform和opacity触发硬件加速，明确声明过渡属性，结合媒体查询按设备降级时长与效果，并适配触控操作与渲染瓶颈。
- 文章 · 前端 | 4个月前 | 276浏览 收藏
-
- HTML怎么做商品卡片_HTML电商商品卡片样式实现【纯干货】
- 商品卡片应使用语义化HTML结构：用<article>包裹，标题用<h3>，价格等关键字段用带语义类名的标签（如<spanclass="price">），主图<img>必须含描述性alt属性，促销标签用<spanrole="note">，按钮统一为<buttontype="button">；CSS布局优先用flex实现单列流，大屏再切grid，禁用固定高度，图片区域设aspe
- 文章 · 前端 | 4个月前 | 142浏览 收藏
-
- 如何在Tailwind CSS中使用伪元素_通过before与after修饰符实现
- Tailwind中before/after伪元素必须显式声明content，如before:content-[""]，否则无效；所有样式需加before:/after:前缀；content值需在配置中扩展；定位需宿主relative+伪元素absolute及z-index控制。
- 文章 · 前端 | 4个月前 | 365浏览 收藏
-
- javascript柯里化是什么_怎样实现一个柯里化函数？
- 柯里化是将多参数函数转换为一系列单参数函数的过程，通过闭包保存已传参数，待参数满足时执行原函数；支持部分调用、占位符及显式触发，提升函数组合与复用能力。
- 文章 · 前端 | 4个月前 | 317浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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模型性能。
- 183次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 239次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 193次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 174次使用
-
- CMMLU
- 深入了解CMMLU中文评估基准，涵盖67个学科主题，提供数据集下载、Zero-shot/Five-shot评估方法及排行榜，助力优化中文语言模型性能。
- 163次使用
