-
- CSS全屏视频裁剪技巧:object-fit:cover应用
- video的object-fit:cover未生效是因为它只控制内容在已分配空间内的填充方式,不负责分配空间;需确保父容器和video自身均设置宽高(如width:100%;height:100%),并添加display:block和mutedautoplay(iOS必需)。
- 文章 · 前端 | 1天前 | 152浏览 收藏
-
- CSS渐入渐出动画制作详解
- opacity渐入渐出不触发,因display:none禁用动画;须用opacity+visibility控制,配合animationend事件清理状态并避免重复触发。
- 文章 · 前端 | 4星期前 | 151浏览 收藏
-
- HTML按钮权限控制技巧分享
- Vue中用v-permission指令实现按钮级权限控制:通过binding.value获取权限码,从sessionStorage读取解析后的权限数组,比对后无权限则el.parentNode&&el.parentNode.removeChild(el)安全移除DOM节点。
- 文章 · 前端 | 3星期前 | 151浏览 收藏
-
- HTML怎么做消息面板_HTML消息通知面板区块实现【超详细】
- 消息面板需语义化结构(article/h3/time)、状态同步(API+loading)、可访问性(aria-label)、性能优化(预处理时间、懒加载)及跨端兼容(时区、点击热区)。
- 文章 · 前端 | 3星期前 | 151浏览 收藏
-
- 网页如何实现局部高亮文本?Mark标签快速标记重点内容
- <mark>标签是HTML5新增的语义化标签,专用于标记与当前上下文相关的内容(如搜索关键词、引用重点、法律条款),需配合CSS定制样式以保障可访问性,不可用于纯装饰性高亮。
- 文章 · 前端 | 3星期前 | 151浏览 收藏
-
- css如何统一阴影圆角规范_在sass中定义设计变量
- 在Sass中统一阴影和圆角规范需先定义语义化变量(如$radius-sm、$shadow-sm),再通过mixin封装复用逻辑(如@mixinrounded($size)),并对接设计系统、导出CSS变量,同时避免过度细分变量和滥用嵌套阴影。
- 文章 · 前端 | 3星期前 | 151浏览 收藏
-
- JavaScript原型链与类继承区别详解
- JavaScript继承基于原型链,ES6的class是语法糖。原型继承灵活但易出错,适合动态场景;类继承结构清晰,利于大型项目协作,本质仍为原型链。
- 文章 · 前端 | 3星期前 | 151浏览 收藏
-
- IE兼容方案:CSS定位与hasLayout技巧
- IE6–7中position:relative不生效的真正原因是元素未触发hasLayout;只有拥有layout的元素才能正确响应position、z-index等属性,推荐用zoom:1安全触发。
- 文章 · 前端 | 2星期前 | 151浏览 收藏
-
- JavaScript闭包是什么?实用场景解析
- 闭包是JavaScript中函数记住其定义时词法环境的自然结果。它要求嵌套函数、内层函数被传出、外层变量持续被引用,用于私有状态封装、事件处理、防抖节流等,但易致内存泄漏或变量共享问题。
- 文章 · 前端 | 2星期前 | 151浏览 收藏
-
- iOS Safari autofocus 属性有效吗?
- iOSSafari中autofocus属性和focus()方法均受限:autofocus被主动忽略以防软键盘意外弹出;focus()必须在用户手势同步上下文中调用,且元素需已渲染、可聚焦、无iframe限制。
- 文章 · 前端 | 2星期前 | 常见HTML属性兼容性问题有哪些 151浏览 收藏
-
- Number.isSafeInteger 详解:预防 Java long 精度丢失
- Number.isSafeInteger()是前端识别Javalong精度丢失的关键防线,因JS安全整数上限为±2⁵³−1,而Javalong范围更大,超限数值在JS中会失真;它可校验number类型是否安全,配合后端字符串化策略实现精度防护。
- 文章 · 前端 | 2星期前 | 151浏览 收藏
-
- 计算属性实现动态表单校验教程
- 计算属性实现动态表单校验的核心是规则与状态分离:规则来自配置,状态驱动响应,校验逻辑只读不写、结果自动更新;支持跨字段联动、动态表单项和单元测试,无需手动触发或第三方库。
- 文章 · 前端 | 1星期前 | 151浏览 收藏
-
- HTML中dir属性实现RTL文字排版方法
- 必须在<html>元素上设dir="rtl",因为浏览器仅在根元素带dir属性时才完整启用RTL感知机制;局部设置或仅用CSS无效,会导致光标错乱、选词反向、滚动条位置错误、下拉方向不翻转等问题。
- 文章 · 前端 | 1星期前 | 151浏览 收藏
-
标签将以下代码添加到 HTML 页面的 部分:noindex:告诉搜索引擎不要索引该页面。nofollow:告诉搜索引擎不要跟踪页面中的链接">
标签将以下代码添加到 HTML 页面的 部分:noindex:告诉搜索引擎不要索引该页面。nofollow:告诉搜索引擎不要跟踪页面中的链接">
- 标签将以下代码添加到 HTML 页面的 部分:noindex:告诉搜索引擎不要索引该页面。nofollow:告诉搜索引擎不要跟踪页面中的链接">在 index.html 中禁止页面被搜索引擎抓取,可以通过添加 元标签 实现。具体方法如下:方法一:使用 标签将以下代码添加到 HTML 页面的 部分:noindex:告诉搜索引擎不要索引该页面。nofollow:告诉搜索引擎不要跟踪页面中的链接
- 最轻量可控的禁止索引方式是在<head>中添加<metaname="robots"content="noindex,nofollow">,因其直接指令搜索引擎不收录且不跟踪链接,而robots.txt仅限制抓取、无法阻止已外链页面被索引。
- 文章 · 前端 | 1星期前 | 151浏览 收藏
-
- Object.getPrototypeOf 实现原型链追溯方法
- Object.getPrototypeOf是ECMAScript规范推荐的原型链回溯方法,通过循环调用可安全获取完整原型链,避免使用已弃用的__proto__;它不被对象自身属性遮蔽,但不支持原始值和Proxy的trap拦截。
- 文章 · 前端 | 1星期前 | 151浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
- 5871次使用
-
- Any绘本
- 探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
- 6306次使用
-
- 可赞AI
- 可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
- 6112次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
- 8081次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
- 6509次使用

