-
- CSS::marker自定义列表样式全解析
- ::marker伪元素可用于自定义列表标记的颜色、字体等样式，如设置红色加粗数字或项目符号；但不支持content属性，无法直接插入自定义符号或计数内容，需改用list-style:none配合::before实现复杂效果；对于有序列表的计数定制，应使用counter-increment与::before结合；嵌套列表中可通过层级选择器调整不同层的标记样式，提升可读性。
- 文章 · 前端 | 1星期前 | 287浏览 收藏
-
- optgroup标签使用方法及示例详解
- 使用optgroup标签可对HTML下拉菜单中的选项进行分组，1.通过在select标签内使用optgroup标签包裹相关option标签，并设置其label属性定义分组标题，实现选项的逻辑分类；2.optgroup的disabled属性可使整个分组不可选，适用于时间段不可用等场景；3.optgroup不支持嵌套，仅允许一层分组结构；4.实际开发中常通过JavaScript动态生成optgroup和option，基于JSON等结构化数据提升维护效率；5.对于选项极多的情况，建议结合搜索功能优化体验。该方案
- 文章 · 前端 | 1星期前 | 287浏览 收藏
-
- CSS伪元素平滑动画技巧解析
- 使用::before和::after伪元素结合transition与@keyframes，可在不改变HTML结构的前提下实现悬停提示、动态边框、波浪线等流畅动画效果，通过控制初始状态与目标状态的过渡，并优先采用transform和opacity以提升性能，确保动画自然且高效。
- 文章 · 前端 | 1星期前 | 287浏览 收藏
-
- HTML注释规范与使用技巧
- 合理使用HTML注释可提升代码可读性和协作效率，应清晰说明结构意图、统一格式、避免敏感信息泄露，并在必要时规范使用条件注释，确保注释服务于人而非增加噪音。
- 文章 · 前端 | 1星期前 | HTML注释 287浏览 收藏
-
- Mac用Bear双标签管理HTML笔记与项目
- 通过双标签系统实现Bear笔记高效管理，首先创建#HTML等主标签与#项目A等次标签，再批量为现有笔记添加主标签并补上次标签，接着用智能筛选组合标签快速定位内容，最后统一命名规范并定期优化标签体系。
- 文章 · 前端 | 6天前 | 287浏览 收藏
-
- JavaScriptclass与构造函数区别详解
- JavaScript中的class是构造函数的语法糖，本质基于原型机制，非全新对象模型；它使构造器、原型方法和静态方法定义更清晰，但底层仍等价于函数与原型操作。
- 文章 · 前端 | 4天前 | 287浏览 收藏
-
- Jest单元测试：JavaScript测试驱动指南
- Jest因其零配置、内置断言与Mock系统、支持多技术栈及快速并行执行，成为前端测试首选。结合TDD的红-绿-重构循环，遵循AAA模式、合理使用Mock并集成到CI流程，可提升代码质量与可维护性。
- 文章 · 前端 | 2天前 | 287浏览 收藏
-
- CSSSticky与Flex布局实用技巧
- sticky定位与Flex布局结合可实现滚动中稳定的导航结构。通过position:sticky使元素在滚动时吸附视口，受限于父容器且需设置top等阈值；Flex布局利用display:flex构建弹性框架，flex-direction控制方向，flex-grow/shrink分配空间；典型应用如header固定顶部、content区域独立滚动，代码示例中container设为flex列布局并占满视口，header添加sticky与z-index确保置顶显示，content设overflow-y:auto
- 文章 · 前端 | 4星期前 | 286浏览 收藏
-
- WebHID接入人体设备教程详解
- WebHIDAPI可在支持的浏览器中实现网页与HID设备通信。首先确认环境：使用Chrome89+或Chromium内核浏览器，网站需HTTPS（localhost例外），并通过'hid'innavigator判断支持性。接着调用navigator.hid.requestDevice({filters})请求用户授权并选择设备，可按vendorId、productId或usagePage过滤。连接后需调用device.open()建立通道，并监听inputreport事件获取字节流数据进行解析。同时应监听
- 文章 · 前端 | 3星期前 | 286浏览 收藏
-
- JS人脸识别技术实现全解析
- JS人脸识别的核心是利用face-api.js等库在浏览器端运行预训练的深度学习模型，通过WebRTC获取视频流，结合TensorFlow.js实现人脸检测、特征点定位、表情识别和人脸比对。整个流程包括：获取摄像头视频流或图片；加载预训练模型如SSDMobileNetV1用于检测、FaceLandmark68Net提取68个面部关键点、FaceRecognitionNet生成人脸特征向量；对每一帧图像进行实时处理，提取人脸区域并计算特征；将特征向量与已知库比对，通过余弦相似度或欧氏距离判断身份；最终将结果
- 文章 · 前端 | 3星期前 | 286浏览 收藏
-
- HTML调用接口方法解析：Fetch与AJAX对比详解
- HTML本身不能直接访问接口，但通过JavaScript的fetch或AJAX方法可实现与后端API交互。fetch基于Promise，语法简洁，适用于现代浏览器；AJAX兼容旧版本浏览器，适合老旧环境。两者均可发送GET、POST请求，获取并动态更新数据。在HTML中通过<script>标签集成JavaScript代码，可监听事件或页面加载时调用API。需注意CORS、错误处理、敏感信息保护及用户体验。推荐新项目使用fetch，旧项目兼容考虑AJAX。核心为HTML提供结构，JavaScri
- 文章 · 前端 | 3星期前 | 286浏览 收藏
-
- JavaScript数组属性递增方法解析
- 本文将探讨如何使用JavaScript，特别是Array.prototype.map方法，高效地处理对象数组。核心目标是实现一个功能，当当前对象的特定属性值与前一个对象的相同属性值相等时，自动递增当前对象的该属性值，同时处理数组的首个元素。通过索引访问前一项，我们能够构建出灵活且可读的解决方案。
- 文章 · 前端 | 2星期前 | 286浏览 收藏
-
- CSS子元素交叉轴居中技巧全解析
- 答案是使用align-items:center可解决Flexbox子元素在交叉轴上无法居中问题，需根据flex-direction确定主轴方向后，在容器设置该属性以实现垂直或水平居中对齐。
- 文章 · 前端 | 2星期前 | 286浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3349次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3561次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3592次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 4717次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 3966次使用
