-
- HTML hr标签自定义样式方法,分割线美化技巧
- hr默认边框border:1pxinset会覆盖height和background设置,必须先写border:none;推荐用height:0.125rem+background或border-top实现稳定分割线。
- 文章 · 前端 | 1星期前 | 418浏览 收藏
-
- Sass快速实现垂直菜单布局
- 用@mixin统一控制菜单项状态最可靠,通过变量定义过渡、混合宏封装hover/focus/active样式,并用@if处理focus-visible;&嵌套确保选择器精准,响应式@media宜嵌套在模块内,可访问性需结构与JS协同。
- 文章 · 前端 | 1星期前 | 387浏览 收藏
-
- HTML5 SessionStorage清除方法详解
- 清除整个SessionStorage的最简方式是调用sessionStorage.clear(),它立即删除当前源下所有键值对,不可逆且不触发storage事件;removeItem(key)是删除单个key的唯一合规方法,delete操作无效。
- 文章 · 前端 | 1星期前 | HTML5 371浏览 收藏
-
- JavaScript 引入 Class 的主要目的是为了提供更清晰、更易读的面向对象编程方式。虽然 JavaScript 本身是基于原型的语言,但 Class 是对构造函数的一种语法糖,使得代码更符合传统面向对象语言(如 Java 或 C++)的风格。为什么引入 Class?提升可读性 Class 提供了更直观的语法,让开发者更容易理解代码的结构和逻辑,尤其是对于习惯使用类语言的开发者。简化原型继
- Class是构造函数的语法糖,本质仍是函数对象,未改变原型继承模型,仅收拢prototype操作;差异在于语法约束(如不提升、严格模式、必须new调用)和协作友好性。
- 文章 · 前端 | 1星期前 | 249浏览 收藏
-
- Less中REM单位换算技巧与BaseSize设置
- 直接写font-size:1.6rem不够用,因为rem依赖根元素font-size,硬编码导致维护难、换算易错、响应式成本高;需用@base-font-size变量统一基准,并通过.rem()混入安全转换,同时必须同步设置html字号。
- 文章 · 前端 | 1星期前 | 480浏览 收藏
-
- CSS卡片布局优化:Sass @mixin封装阴影圆角
- 应封装语义化、参数精简的@mixincard-base($radius:8px,$shadow:$shadow-md,$has-hover:true),通过变量管理阴影、分离职责、限定适用场景,并注意高DPI兼容性。
- 文章 · 前端 | 1星期前 | 313浏览 收藏
-
- 零基础学HTML,新手入门指南
- HTML是网页开发必学的第一门标记语言,需按五步系统学习:一、理解其结构化标记本质并识别常见标签;二、用纯文本编辑器编写最简HTML文件并本地预览;三、掌握标题、段落、列表等核心标签的语义与嵌套规则;四、正确使用超链接与图像标签,注意路径与属性规范;五、通过手动检查和W3C验证工具调试语法错误。
- 文章 · 前端 | 1星期前 | 466浏览 收藏
-
- Tailwind主题颜色怎么改?tailwind.config配置方法
- 最安全的方式是用theme.extend.colors增量扩展颜色;若需彻底替换默认色(如整套blue),必须使用theme.colors全量定义并包含50–900色阶;新颜色需在模板中实际使用才能被JIT编译生成,且需手动扩展placeholderColor、stroke、fill等以支持对应工具类;深色模式下的变体需显式声明,无自动推导。
- 文章 · 前端 | 1星期前 | 345浏览 收藏
-
- Object.fromEntries解析URL参数成嵌套对象方法
- Object.fromEntries不支持嵌套解析,需手动实现nestedAssign:先按数组语法(key.endsWith('[]'))或点号路径(key.split('.'))分类处理entries,逐层创建对象或推入数组,注意类型兼容与空值语义。
- 文章 · 前端 | 1星期前 | 323浏览 收藏
-
- HTML截图能导出页面吗?运行指南须知
- HTML截图不是页面导出,它仅捕获当前视口渲染快照,不保留结构、语义、交互及未加载资源;html2canvas因非真实渲染引擎常失真;puppeteer截图更准但仍为静态图像;真正HTML导出需序列化DOM或服务端生成。
- 文章 · 前端 | 1星期前 | 258浏览 收藏
-
- Block 如何收集动态子代?currentBlock 流程深度解析
- Block通过编译期静态分析识别动态节点并打patchFlag,运行时借助openBlock/createBlock协同维护blockStack与currentBlock,将所有动态子代(含后代)扁平化收集至dynamicChildren数组,更新时仅遍历该数组实现精准patch,跳过全部静态节点。
- 文章 · 前端 | 1星期前 | 388浏览 收藏
-
- HTML空元素选择器怎么用|CSS empty用法详解
- :empty仅匹配DOM中无任何子节点(含文本节点)的元素,换行、空格、注释均使其失效;它探测结构为空而非视觉为空,适用兜底样式或隐藏真正空容器,但不支持替换元素、contenteditable元素及:blank伪类。
- 文章 · 前端 | 1星期前 | 304浏览 收藏
-
- HTML是Web开发必修基础,入门核心手册【精选】
- HTML不是编程语言,它没有逻辑、不处理数据、也不控制流程,仅定义网页结构和内容语义;必须以<!DOCTYPEhtml>和<html>开头确保浏览器正确解析,标签使用需遵循语义规则。
- 文章 · 前端 | 1星期前 | 363浏览 收藏
-
- HTML中使用CSS的@layer规则可以有效管理多个样式表的优先级,特别是在处理多个框架或库时。通过合理声明@layer的顺序,可以控制不同样式层的覆盖关系,确保所需的样式生效。1. @layer的基本用法@layer 是 CSS 的一个模块化特性,用于组织和管理样式,尤其是在大型项目中。它允许你将样式分组到不同的“层”中,并按顺序定义这些层的优先级。@layer base { /* 基础样
- @layer优先级由源码中声明顺序决定,第三方样式未包装则落入隐式顶层并高于所有显式层;必须用@importurl()layer()显式导入框架到指定层,且@layer声明须在顶层、不可嵌套。
- 文章 · 前端 | 1星期前 | 413浏览 收藏
-
- CSS content-visibility: auto 与 IntersectionObserver 优化渲染方法
- content-visibility:auto适用于跳过离屏渲染但保留占位与无障碍,IntersectionObserver专用于触发非渲染副作用;二者分工明确,混用需避免破坏缓存与高度失真。
- 文章 · 前端 | 1星期前 | 443浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
- 5905次使用
-
- Any绘本
- 探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
- 6333次使用
-
- 可赞AI
- 可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
- 6142次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
- 8117次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
- 6649次使用

