-
- CSS中margin是什么？详解margin属性
- 在CSS中，margin属性用于控制元素与其周围元素之间的空白区域。1.margin定义了元素边框外围的空间，影响布局和间距。2.可以设置上、右、下、左四个方向的外边距，使用长度值、百分比或auto。3.负值可使元素向相反方向移动，但需谨慎使用。4.外边距折叠是指相邻元素的外边距合并，而不是累加。5.建议减少margin使用，优先使用padding和现代布局方法，简化值以优化性能。
- 文章 · 前端 | 4星期前 | 211浏览 收藏
-
- HTML中mark标签的作用与用法
- mark标签用于突出显示文本，其主要场景有：1.搜索结果高亮；2.引用突出；3.代码注释；4.文章强调。可通过CSS修改背景色、文字颜色、字体大小等样式，例如设置background-color和color属性。与strong和em的区别在于语义不同：strong表示重要内容，em表示强调内容，而mark侧重视觉高亮。兼容性方面，现代浏览器均支持mark标签，旧版本可用span模拟。通过JavaScript可实现动态高亮和移除高亮功能，如使用正则表达式替换关键词并包裹mark标签或去除标签。
- 文章 · 前端 | 4星期前 | html mark标签 132浏览 收藏
-
- JS如何使用FetchAPI全面解析
- 使用FetchAPI在JavaScript中可以通过fetch()函数进行网络请求。1.基本GET请求：fetch('URL').then(response=>response.json()).then(data=>console.log(data)).catch(error=>console.error('Error:',error));2.使用async/await：asyncfunctionfetchData(){try{constresponse=awaitfetch('URL'
- 文章 · 前端 | 4星期前 | 134浏览 收藏
-
- setTimeout函数详解及使用技巧
- <p>在JavaScript中使用setTimeout()的步骤如下：1.基本用法：setTimeout(function(){console.log('Hello,World!');},1000)会在1秒后执行。2.传递参数：使用箭头函数，如setTimeout(()=>{console.log(Hello,${name}!);},2000)。3.取消定时器：使用clearTimeout(timerId)取消setTimeout()。4.重复执行：通过递归调用setTimeout()实
- 文章 · 前端 | 4星期前 | 461浏览 收藏
-
- JS路由守卫4种权限控制方案解析
- 前端权限控制的核心在于拦截导航并根据角色决定访问权限。主要方案包括：1.全局路由守卫，适用于全局性控制，简单易用但可能影响性能；2.组件内路由守卫，粒度更细但代码分散不易维护；3.独享路由守卫，针对特定路由灵活控制但配置繁琐；4.自定义路由守卫，高度灵活但实现复杂。权限数据通常通过LocalStorage、SessionStorage、Cookies或内存存储，动态权限则可通过实时请求或WebSocket获取更新，以确保权限准确性与系统安全性。
- 文章 · 前端 | 4星期前 | 路由守卫 前端权限控制 156浏览 收藏
-
- HTML中display的8种样式及使用方法
- display属性在HTML和CSS中有8种用法：1.inline：行内元素，不独占行，宽高无效。2.block：块级元素，独占行，宽高有效。3.inline-block：结合inline和block特点。4.none：隐藏元素，不占空间。5.flex：启用Flexbox布局。6.grid：启用网格布局。7.table：模拟表格布局。8.list-item：表现为列表项。
- 文章 · 前端 | 4星期前 | 485浏览 收藏
-
- JS修改元素属性值方法详解
- 在JavaScript中设置元素的属性值可以使用setAttribute方法或直接操作元素的属性。1.使用setAttribute方法可以设置任何类型的属性，包括自定义属性，但设置的是HTML属性。2.直接操作元素的属性更直观，适用于常见属性，但无法设置自定义属性，且对某些属性效果可能不同。
- 文章 · 前端 | 4星期前 | 187浏览 收藏
-
- HTML3D翻转效果transform-style教程
- 使用CSStransform-style和transform属性可实现网页元素的3D翻转效果。首先设置HTML结构，包含容器和前后两面内容；接着在CSS中启用preserve-3d以保留3D空间，并通过rotateY或rotateX控制翻转；最后通过:hover或JavaScript触发翻转动画。此外，调整perspective值可控制视角远近，结合perspective-origin还能改变观察位置。实现复杂翻转时可组合X轴和Y轴旋转，同时注意性能、用户体验及可访问性问题，避免过度设计。
- 文章 · 前端 | 4星期前 | 3D翻转 248浏览 收藏
-
- a标签是什么，常见用法解析
- a标签在CSS中属于行内元素，可以通过display属性转变为块级元素或其他类型。a标签的伪类包括:link、:visited、:hover、:active和:focus，允许设置不同状态的样式。a标签还可通过:before和:after伪元素添加内容或装饰。
- 文章 · 前端 | 4星期前 | 239浏览 收藏
-
- JS调用NFC的5个基本步骤
- WebNFC操作包括五个步骤：1.检查浏览器支持，通过确认NDEFReader对象是否存在；2.创建NDEFReader对象以读取NDEF消息；3.调用scan()方法监听扫描事件；4.在reading事件中处理NFC消息；5.需要时创建NDEFWriter对象并写入数据。此外，需处理权限问题，应在用户触发操作后请求授权并说明用途。标签类型可通过读取数据推断，安全方面应使用HTTPS、验证数据并保护隐私。平台支持上，Android支持较好，iOS则较有限。
- 文章 · 前端 | 4星期前 | 数据读写 Web NFC 360浏览 收藏
-
- uni-app下拉刷新上拉加载使用教程
- 在uni-app中实现下拉刷新和上拉加载需要以下步骤：1.在pages.json中启用下拉刷新；2.使用onPullDownRefresh函数处理下拉刷新逻辑；3.使用onReachBottom函数处理上拉加载逻辑；4.高级用法包括重置上拉加载状态和判断是否有更多数据；5.注意常见错误如未停止刷新动画和重复加载数据，并使用调试技巧优化性能。
- 文章 · 前端 | 4星期前 | 407浏览 收藏
-
- Vue组件通信：props与$emit使用技巧
- 在Vue开发中，组件通信的基础方式是父组件通过props向下传递数据，子组件通过$emit向上传递事件。一、父组件通过定义props属性向子组件传值，子组件显式声明props类型并接收数据；二、子组件使用this.$emit触发事件通知父组件修改数据，父组件监听事件并执行对应方法处理；三、兄弟组件通信可通过共同父组件中转实现，即一个子组件通过$emit通知父组件，父组件再通过props传递给另一个子组件；四、常见注意事项包括设置props默认值、使用冒号绑定变量以及统一事件命名规范等，合理使用这些机制能提
- 文章 · 前端 | 4星期前 | 464浏览 收藏
-
- 5种复古滤镜JS实现老照片效果还原
- 要使用JavaScript实现图片怀旧滤镜，核心在于操纵像素数据模拟老照片质感。1.获取像素数据：通过canvas的getImageData方法获取图像数据；2.处理像素：应用灰度化、降低对比度、增加颗粒感等算法；3.优化性能：使用WebWorkers处理耗时任务、优化循环逻辑、使用TypedArrays提高内存效率；4.实现五种复古滤镜：包括怀旧棕色、黑白胶片、褪色效果、噪点效果及泛黄+低对比度组合滤镜；5.支持参数调节：通过UI控件让用户自定义滤镜参数并实时更新效果。此外，跨域图片问题可通过CORS配
- 文章 · 前端 | 4星期前 | 图片滤镜 431浏览 收藏
-
- CSS中@符号的作用及常用规则详解
- @符号在CSS中用于定义@规则，这些规则包括：1.@media用于响应式设计，根据设备屏幕大小调整样式；2.@keyframes定义动画效果；3.@font-face引入自定义字体；4.@import导入其他CSS文件；5.@supports检查浏览器对CSS特性的支持。使用时需注意@import规则需放在文件最前面，@media规则顺序影响样式应用。
- 文章 · 前端 | 4星期前 | 230浏览 收藏
-
- 去除HTML链接下划线方法全解析
- 要设置HTML链接无下划线，推荐使用CSS来控制样式。1.可通过内联样式直接在<a>标签中添加style属性，但不利于维护；2.使用内部样式表，在<head>中定义a{text-decoration:none;}可统一页面样式；3.推荐使用外部样式表，在.css文件中定义样式并通过link标签引入，便于全局管理；4.可结合CSSReset或Normalize.css重置默认样式，再自定义去除下划线；5.若需恢复特定链接的下划线，可用特殊选择器如.special-link单独设置te
- 文章 · 前端 | 4星期前 | html 链接样式 469浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 511次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 498次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- 千音漫语
- 千音漫语，北京熠声科技倾力打造的智能声音创作助手，提供AI配音、音视频翻译、语音识别、声音克隆等强大功能，助力有声书制作、视频创作、教育培训等领域，官网：https://qianyin123.com
- 7次使用
-
- MiniWork
- MiniWork是一款智能高效的AI工具平台，专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具，提供精准智能解决方案，让复杂工作简单高效。
- 12次使用
-
- NoCode
- NoCode (nocode.cn)是领先的无代码开发平台，通过拖放、AI对话等简单操作，助您快速创建各类应用、网站与管理系统。无需编程知识，轻松实现个人生活、商业经营、企业管理多场景需求，大幅降低开发门槛，高效低成本。
- 12次使用
-
- 达医智影
- 达医智影，阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”，仅一次CT扫描即可高效识别多种癌症、急症及慢病，为疾病早期发现提供智能、精准的AI影像早筛解决方案。
- 11次使用
-
- 智慧芽Eureka
- 智慧芽Eureka，专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景，通过专家级AI Agent精准执行任务，智能化工作流解放70%生产力，让您专注核心创新。
- 10次使用
