-
- VSCode配置HTML开发环境步骤详解
- VSCode打开HTML文件无法实时预览是因为缺少LiveServer插件;必须右键选择“OpenwithLiveServer”启动HTTP服务,而非双击或拖入浏览器,否则仍是file://协议导致无法自动刷新。
- 文章 · 前端 | 1星期前 | 433浏览 收藏
-
- strong与em的语义区别详解
- strong和em分别表示“高重要性”与“语气强调”,非单纯加粗斜体;b和i是无语义的视觉标签,适用于关键词、术语等场景。
- 文章 · 前端 | 1星期前 | 282浏览 收藏
-
- JavaScript生成PDF:结构与样式优化技巧
- 使用jsPDF生成PDF需合理设计文档结构,通过模块化函数组织页眉页脚、内容区域及分页逻辑,结合html2canvas或autoTable插件处理复杂布局,利用坐标系统控制文本对齐、表格绘制与图片嵌入,实现专业排版。
- 文章 · 前端 | 1星期前 | 129浏览 收藏
-
- CSS变量轻松调整间距方法
- 应将间距变量统一定义在:root中,如--spacing-xs:4px;组件中用var(--spacing-md)且必须带单位;避免嵌套fallback和calc单位不一致;命名需对齐设计语言(如--space-s),并注明适用场景。
- 文章 · 前端 | 1星期前 | 216浏览 收藏
-
- jQuery实战:隐藏无星号父元素
- 本文介绍如何使用jQuery精准筛选并隐藏「不包含指定文本(例如``)」的父级元素,重点解决基于子元素ID定位父元素后,按其内部文本内容进行条件隐藏的典型需求。
- 文章 · 前端 | 1星期前 | 112浏览 收藏
-
- CSSdisplay属性使用全攻略
- display属性通过不同值控制元素的显示方式和布局行为。1.block生成块级框,独占一行并可设置宽高和边距;2.inline生成行内框,并排显示但无法设置宽高及垂直边距;3.inline-block兼具行内与块级特性,允许设置所有尺寸属性且并排显示;4.none隐藏元素且不占空间;5.flex创建弹性容器,用于一维布局;6.grid创建网格容器,支持二维布局。理解这些值的区别及应用场景是掌握CSS布局的关键。
- 文章 · 前端 | 1星期前 | 422浏览 收藏
-
- CSS背景视频移动端不自适应?用poster替代解决
- 最稳妥解法是用高质量响应式poster图替代背景视频。通过三层媒体查询适配不同屏幕,以background-image加载并控制缩放定位,确保视觉连贯性;移除video标签避免兼容问题,必要时用picture实现源切换。
- 文章 · 前端 | 1星期前 | 111浏览 收藏
-
- JavaScript正则贪婪与非贪婪区别详解
- 正则性能差异核心在于回溯量:贪婪模式易致指数级回溯(如/a+b+c/在失败时),非贪婪虽回溯逻辑不同,但成功匹配时贪婪更快;优化关键为避免嵌套量词、使用原子组或明确边界。
- 文章 · 前端 | 1星期前 | 123浏览 收藏
-
- JavaScriptnpm是什么?如何管理项目依赖?
- npm是JavaScript项目的依赖管理工具,通过package.json声明契约、package-lock.json锁定精确版本,需用命令安装依赖而非手动修改文件,且必须提交lock文件以确保环境一致。
- 文章 · 前端 | 1星期前 | 430浏览 收藏
-
- jQuery用add()方法添加元素详解
- add()方法用于将新元素添加到当前匹配集合中并返回新对象,例如$('p').add('span')可同时操作p和span元素;支持选择器、DOM元素或jQuery对象作为参数,如$('p').add(document.getElementById('myDiv'))或$('p').add($('a'));该方法不修改原始集合,元素按文档顺序排列且不重复添加,适用于需对多个无关元素统一操作的场景。
- 文章 · 前端 | 1星期前 | 134浏览 收藏
-
- 多浮动容器嵌套技巧与解决方法
- 子容器不占父容器高度是因浮动导致父容器高度塌陷,需在最后一级浮动子元素的父级上清除浮动;display:flow-root可替代clearfix建立BFC,flex/grid布局更推荐彻底规避问题。
- 文章 · 前端 | 1星期前 | 332浏览 收藏
-
- Tailwindbase文件自定义配置教程
- 应在主CSS入口文件中,于@tailwindbase之后、@tailwindcomponents之前用@layerbase写全局Reset;禁用preflight后需手动补box-sizing和表单重置;避免@apply在base中使用响应式/状态类,推荐直接写CSS声明。
- 文章 · 前端 | 1星期前 | 482浏览 收藏
-
- CSS中使用@import导入样式表的方法如下:@importurl("style.css");这行代码应放在CSS文件的开头,用于引入外部样式表。url()中填写要导入的样式表路径,可以是相对路径或绝对路径。例如:@importurl("reset.css");@importurl("https://example.com/styles/main.css");注意:@import在某些情况下可能
- @import用于CSS中导入样式表,实现模块化管理,语法为@import"file.css"或@importurl("file.css")并可加媒体查询,需置于文件开头。
- 文章 · 前端 | 1星期前 | 421浏览 收藏
-
- NestJS用TypeORM查询书籍分类指南
- 本文介绍如何在NestJS中基于TypeORM的QueryBuilder实现按数组字段(如category:string[])精确匹配筛选,解决simple-array类型字段的模糊/包含式查询问题,并提供可复用、类型安全的分页查询方案。
- 文章 · 前端 | 1星期前 | 463浏览 收藏
-
- 多层单选级联实现技巧
- 本文详解在HTML表单中实现「单选按钮触发子级单选组及对应内容区域」的完整方案,重点解决因CSS类声明顺序导致的.shown样式被覆盖、子级内容无法显示的问题,并提供可复用的jQuery事件绑定逻辑与结构化HTML模板。
- 文章 · 前端 | 1星期前 | 136浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
- 4220次使用
-
- Any绘本
- 探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
- 4577次使用
-
- 可赞AI
- 可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
- 4460次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
- 6109次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
- 4827次使用

