-
- css表格如何设置边框_使用border、border-collapse等属性控制表格样式
- 表格边框不显示或断开,主因是border-collapse默认为separate导致相邻边框重叠;应设collapse实现连续边框,或用separate+table单设外框并清除th/td边框。
- 文章 · 前端 | 3星期前 | 310浏览 收藏
-
- HTML拖拽排序优化技巧【含源码】
- 原生HTML5拖拽排序需绑定dragover/drop到容器并用closest定位li、e.preventDefault()启用drop、getBoundingClientRect计算插入点、iOS降级处理、dataTransfer仅传ID。
- 文章 · 前端 | 3星期前 | 310浏览 收藏
-
- 文字缩放透明度动画技巧分享
- 通过CSS@keyframes定义动画序列,结合transform:scale()和opacity属性,可实现文字缩放与透明度变化的淡入效果。1.使用@keyframes创建从透明、缩小到完全显示的关键帧;2.将动画绑定至目标元素,设置0.6秒ease-in-out缓动并保持最终状态;3.应用display:inline-block确保变换生效。示例中“欢迎来到我的页面”将从中部放大淡入,适用于标题或提示场景,视觉自然醒目。
- 文章 · 前端 | 2星期前 | 310浏览 收藏
-
-
HTML定义文档应用名称的标签是
标签。它用于指定网页的标题,这个标题会显示在浏览器的标签页上,并且对SEO(搜索引擎优化)也很重要。示例: 说明:我的网页标题 标签必须放在 - HTML中无通用“应用名称”标签,PWA依赖manifest.json的name和short_name,iOS需apple-mobile-web-app-title,title仅用于标签页和SEO。
- 文章 · 前端 | 2星期前 | 310浏览 收藏
-
HTML定义文档应用名称的标签是
-
- SCSS封装CSS三角箭头样式方法
- 用SCSS@mixin封装border三角箭头,核心是守住width:0、height:0、三边transparent三条底线;方向由设色边决定(如top箭头用border-bottom),大小仅由对应border-width控制,简写覆盖会破坏斜接关系,必须显式声明四边样式。
- 文章 · 前端 | 2星期前 | 310浏览 收藏
-
- CSS Flex容器百分比高度塌陷怎么解决
- height:50%在Flex容器中不生效是因为CSS百分比高度需基于有明确height(非auto)的父容器,若Flex容器自身height为auto,则子元素height:50%退化为auto;须向上设置html、body及祖先元素的height或min-height(如min-height:100vh),且在flex-direction:column下应改用flex-basis(如flex:0060%)而非height;Safari14–15.6存在解析缺陷,不将display:flex父容器视为有
- 文章 · 前端 | 1星期前 | 310浏览 收藏
-
- CSS分页组件实现当前页高亮
- 要高亮分页组件的当前页,最核心的方法是1.给当前页链接或其父元素添加特定CSS类(如active);2.使用CSS选择器针对该类定义高亮样式;3.通过JavaScript或后端代码动态控制类的添加与移除。这种方法实现了样式与逻辑分离,提升可维护性、可读性和性能,且支持灵活的高亮效果扩展,如背景色、边框强调、底部指示器、文字加粗、微动画和渐变背景等。在不依赖JavaScript的情况下,可通过服务器端渲染直接输出active类实现静态高亮,但纯客户端动态高亮仍需脚本支持。
- 文章 · 前端 | 1星期前 | 310浏览 收藏
-
- HTML中使用script type="module"可原生加载ES模块,无需构建工具。通过该属性,浏览器会以模块方式解析并执行脚本,支持import/export语法。需确保文件路径正确,并在服务器上启用正确的MIME类型(如application/javascript)。此方法适用于现代浏览器,可简化模块化开发流程。
- type="module"是浏览器的环境切换器,启用后整套脚本加载、解析、执行逻辑变为ES模块规范:import必须在type="module"脚本中使用,路径需带./或/且含扩展名,模块默认defer并按模块图顺序执行,作用域隔离,预加载用modulepreload,跨域需crossorigin及CORS头。
- 文章 · 前端 | 1星期前 | 310浏览 收藏
-
- Intl.Segmenter中文断句与阅读统计技巧
- 不能。Intl.Segmenter的granularity:'word'对中文仅按Unicode字符边界切分,返回单字而非语义词,不识别“人工智能”等词汇,仅适合轻量级可读字符数估算,无法替代jieba等语义分词工具。
- 文章 · 前端 | 1星期前 | 310浏览 收藏
-
- 弱引用管理:用 WeakMap 管理实例元数据
- 必须用WeakMap而非普通Map或对象,因其对键仅持弱引用,不阻止垃圾回收;而Map/对象持强引用,会导致DOM节点或实例无法释放,引发内存泄漏。
- 文章 · 前端 | 2天前 | 310浏览 收藏
-
- 双击事件绑定处理方法详解
- 双击时触发两次单击是浏览器默认行为,因双击判定需先发单击;应采用节流+标志位方案:click设300ms定时器,dblclick清除定时器并执行双击逻辑。
- 文章 · 前端 | 4星期前 | 309浏览 收藏
-
- 如何理解原始类型在不同 JavaScript 运行时(Deno vs Node vs Browser)的常量池差异
- JavaScript中不存在“字符串常量池”概念,Deno、Node.js和浏览器均基于V8引擎的隐式字符串驻留机制,对静态字面量做内存共享优化,但非强制保证;Symbol、BigInt、number等原始值的相等性由语言规范或IEEE标准决定,与运行时无关。
- 文章 · 前端 | 3星期前 | 309浏览 收藏
-
- CSS选择器控制模态框(Modal)的显示逻辑
- 在前端开发中,可以通过CSS选择器实现模态框的显示控制,核心方法有1.利用:target伪类和2.使用“CheckboxHack”。1.:target伪类通过URL哈希与元素ID匹配来触发显示,点击关闭链接可清除哈希从而隐藏模态框;2.CheckboxHack则通过复选框的:checked状态结合兄弟选择器控制模态框的可见性。尽管这两种方式无需JavaScript且性能较优,但也存在明显局限,如关闭逻辑受限、多模态框管理困难、缺乏状态管理及无障碍支持不足等。因此,纯CSS方案适用于静态简单的场景,而涉及复
- 文章 · 前端 | 3星期前 | 309浏览 收藏
-
- 如何基于 Object.getPrototypeOf 实现深层递归的原型链污染漏洞自动扫描器
- Object.getPrototypeOf是遍历原型链的关键工具,用于构建原型链快照并检测污染;原型链污染需同时满足可控输入、深度合并逻辑、未过滤敏感键名三个条件。
- 文章 · 前端 | 3星期前 | 309浏览 收藏
-
- CSS切换主题后旧样式残留怎么办_使用class选择器覆盖主题切换问题
- 主题切换时旧样式残留可通过class选择器控制解决,关键在于明确主题class作用范围并提升新样式优先级。将theme-dark或theme-light等class添加到body等根元素,所有主题样式以此class为前缀限定作用域,确保结构清晰。如:.theme-light.header{background:white;}与.theme-dark.header{background:#1a1a1a;},切换时仅需更新body的class。若旧样式仍存在,说明第三方或内联样式优先级高,应使用更具体选择器、
- 文章 · 前端 | 3星期前 | 309浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
- 5879次使用
-
- Any绘本
- 探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
- 6312次使用
-
- 可赞AI
- 可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
- 6116次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
- 8087次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
- 6540次使用

