-
检测屏幕方向有三种主要方法：1.使用window.screen.orientationAPI获取详细方向信息并监听变化；2.比较window.innerWidth和window.innerHeight判断横竖屏；3.使用CSS媒体查询或window.matchMedia在样式或脚本中响应方向变化。应用场景包括响应式布局、游戏与交互应用、表单优化及多媒体展示。兼容性方面，screen.orientation在现代浏览器支持良好，旧环境可降级使用尺寸判断。锁定屏幕方向可通过screen.orientation
-
合理使用语义化HTML标签并优化元数据可提升网页排名，如用h1标签突出核心关键词，h2至h6构建内容层级，结合article、section等增强可读性，同时优化title和description元标签以提高点击率与收录效果。
-
1、通过Win+Tab打开TaskView，拖动浏览器窗口实现左右分屏布局；2、使用HTML的PostMessageAPI与window.open()建立同源页面间通信，主控页发送指令，辅助页监听并更新DOM；3、利用localStorage存储共享状态，通过storage事件监听跨窗口变化，确保viewMode等数据同步；4、采用CSSGrid与Flexbox构建响应式界面，设置min-width与媒体查询优化窄屏显示，提升分屏协作体验。
-
textarea标签用于创建多行文本输入框，支持用户输入较长内容如留言、评论或文章，并可调整高度和字体。
-
<marquee>标签的direction="up"纵向滚动需配合固定高度、overflow:hidden及behavior="scroll"才生效，但该标签已被HTML5废弃；推荐用CSS@keyframes+transform:translateY()或JavaScriptrequestAnimationFrame实现兼容、可维护的纵向滚动效果。
-
可用纯HTML实现百度搜索框结构，通过form的action="https://www.baidu.com/s"、method="get"及input的name="wd"即可提交至百度结果页。
-
outline不占布局空间且位于border外，用于非干扰性提示；border属盒模型部分，影响尺寸与结构，适用于常规边框设计。
-
动态验证能根据用户输入实时调整规则，提升用户体验与数据质量。通过JavaScript监听事件，结合条件判断动态切换验证逻辑，适用于条件性字段、联动选择等复杂场景，但简单表单无需使用。
-
合理使用padding和margin可控制元素内外间距，实现清晰布局。padding是内容与边框间的内边距，margin是元素间的外边距。CSS简写语法支持一到四个值设置四方向间距。垂直margin相邻时会合并，可通过只设一方margin或添加border、padding阻断。推荐设置box-sizing:border-box，使width包含padding和border，便于尺寸控制，避免溢出，提升布局灵活性。
-
最简实现滑块用<inputtype="range">，需设min/max/value，搭配label提升可访问性，监听input事件实时响应，CSS定制需兼容各浏览器伪元素。
-
ReflectAPI提供统一函数化方式操作对象，支持属性读写（Reflect.get/set）、方法调用（Reflect.apply）、实例构造（Reflect.construct）及元信息查询（如has、ownKeys），相比传统操作更安全且与Proxy协同更佳。
-
答案：call、apply和bind用于改变函数this指向，call与apply立即执行并分别接收参数列表和数组，bind返回绑定后的新函数且支持柯里化与new优先级处理。
-
JavaScript迭代器核心是Symbol.iterator方法，需返回含next()的协议对象；next()须无参、首次返首值、done为true后恒定返回；自定义时须每次返回新迭代器实例。
-
Isotope在执行排序或筛选动画时出现元素轻微抖动，通常源于对.item元素直接设置了全局CSStransition属性——这会干扰Isotope内部基于transform的布局重排逻辑，导致渲染冲突。移除该过渡并仅在具体子元素（如图片、链接）上启用针对性过渡即可彻底解决。
-
position与flex是分层协作关系：position控制单个元素在文档流或定位祖先中的绝对位置，flex管理容器内子元素的排列、对齐与空间分配；合理组合包括在flex容器中用absolute实现悬浮角标、以relative设定位上下文、或让flex容器自身absolute用于模态框等。
