-
HTML转其他格式需工具链处理:Chrome命令行导出PDF最稳定;html2text适合提取纯文本但丢结构;pandoc转Markdown/DOCX更可控,需配合sed修复和参考文档;转换本质是权衡舍弃内容。
-
:first-child不生效是因为它要求元素既是父元素第一个子元素又类型匹配,而前面的注释、空格等会破坏条件;:first-of-type更可靠,只关注同类型中首个出现的元素。
-
答案:通过CSS的@keyframes和animation属性可实现文字闪烁效果。1.使用opacity实现渐隐闪烁,通过改变透明度使文字柔和闪烁,每秒一次;2.利用visibility与opacity结合,配合step-start实现文字突然消失与出现的硬切换效果;3.通过颜色变化模拟闪烁,适用于警告提示。应避免频率过快,建议间隔不低于0.5秒,以提升可访问性。
-
按钮弹入动画应使用transform:translateY(20px)与opacity:0初始隐藏,配合带回弹的@keyframes和cubic-bezier缓动,通过animation-fill-mode:forwards保持终态,并在DOM挂载后用requestAnimationFrame触发。
-
HTML5语义化标签提升了网页结构清晰度,使代码更具可读性和维护性;主要标签如<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>等明确划分页面区域,增强机器与人的理解;它们改善SEO,便于搜索引擎抓取核心内容,同时提升无障碍访问体验,帮助屏幕阅读器用户快速定位;正确使用需遵循标签语义,避免滥用<section>或混淆<article>
-
卡片边距应避免直接使用margin,改用父容器gap控制或语义化状态类(如.card--standalone);阴影需多层组合实现浮起感,并响应式调整;所有样式切换须纯CSS实现。
-
应使用显式类名(如.is-disabled)替代:disabled伪类,配合opacity、pointer-events:none和cursor:not-allowed,确保禁用态样式可靠、可动画、跨浏览器一致,并避免仅依赖opacity导致的可读性与交互问题。
-
跨域iframe无法直接访问contentWindow属性,只能通过postMessage通信;需严格校验event.origin、确认parent可达性、主动上报加载状态,并设计健壮的消息格式与生命周期管理。
-
事件循环是单线程下协调任务执行的机制,按“主线程→微任务→宏任务”顺序调度,每次宏任务后清空微任务队列,再取下一个宏任务。
-
现代JavaScript推荐用fetch发起GET请求,最简写法为fetch('/api/user'),但需注意默认不带cookie、HTTP错误码不会自动reject,且响应体需手动解析。
-
transition可同时过渡多个属性,用逗号分隔各声明,浏览器独立执行;需明确指定属性名与持续时间,慎用all;仅支持可计算、有中间值的属性,transform和opacity性能更优;transition-property:none会完全禁用所有过渡。
-
link是HTML标签,@import是CSS规则;link并行加载、兼容性好、支持动态控制,@import串行加载、易导致FOUC、兼容性受限且仅适用于CSS内部。
-
首先将HTML代码保存为.html格式文件,再用浏览器打开即可查看网页效果。具体步骤:1.用记事本编写HTML代码,另存为index.html,类型选“所有文件”;2.双击该文件或右键选择浏览器打开;3.如需修改,用编辑器重新打开文件更改代码,保存后刷新浏览器即可;4.确保代码包含<html>、<head>、<body>等基本结构,标签闭合正确,并可通过W3C工具验证语法。
-
响应式图片易错的5种场景:1.sizes值漏单位;2.srcset描述符与图片固有宽度不匹配;3.sizes媒体条件顺序错误;4.img缺少width/height致CLS;5.sizes误写在source标签内。
-
JavaScript字符串是原始不可变类型,所有操作返回新字符串;replace()默认只替换首个匹配项,全局替换需/g标志;split()处理空格和连续分隔符需注意空元素;非字符串参数调用原生方法可能报错或隐式转换。