-
360浏览器可直接运行HTML脚本,无需特殊设置。1.编写并保存含JavaScript的HTML文件;2.通过拖拽或“打开页面”功能在360浏览器中加载;3.脚本自动执行,如alert弹窗或控制台输出;4.确保JS未禁用,避免不安全代码,注意本地文件协议限制,建议用本地服务器测试复杂功能。
-
会撑大元素。默认content-box下,width/height仅指内容区,padding会额外增加总尺寸;设为border-box后,padding被包含在宽高中,不再撑大元素。
-
用display:grid可快速搭建语义清晰、响应式的博客首页骨架,通过grid-template-areas划分header、main、aside、footer区域,配合minmax()、1fr和gap实现自适应布局;文章卡片用flex+aspect-ratio保持比例,摘要用-webkit-line-clamp截断;小屏下仅需媒体查询重定义grid-template-areas即可完成侧边栏下移;暗色模式通过prefers-color-scheme和CSS变量实现,字体使用系统字体栈并以rem为单位统
-
微前端JavaScript沙箱通过拦截全局操作实现隔离。1.基于Proxy的动态沙箱劫持window读写,运行时记录变更,卸载时还原;2.快照沙箱在不支持Proxy时保存window属性快照,卸载时对比恢复,但无法处理不可枚举属性;3.构建时隔离通过模块化和CSP减少全局污染;4.针对定时器、事件监听、Promise等需特殊清理机制。现代框架如qiankun已集成完善沙箱,原理理解有助于问题排查。
-
正确实现scale+opacity动画需显式声明from状态(如scale(0.7)、opacity(0)),元素选择器中预设初始样式,配合animation:...forwards;仅定义to会导致无动画,且须避免font-size缩放、冗余will-change及IE/Safari兼容遗漏。
-
用100dvh替代100vh并配合@supports降级,或JS监听resize/scroll动态设置height,或CSSflex+min-height:100vh兜底。
-
label必须用for属性显式关联select的id(大小写敏感、唯一),禁用视觉靠近或嵌套替代;option首项应为有效默认值或disabled+selected占位;禁用CSS隐藏select,自定义下拉需透传焦点与键盘事件;iOSVoiceOver要求label与selectDOM相邻。
-
全屏API的核心方法是requestFullscreen();它返回Promise需显式处理,旧版浏览器有带前缀的变体;iOSSafari完全不支持,AndroidWebView需特定配置否则静默失败。
-
ESLint负责代码逻辑正确性检查,Prettier专注代码格式统一;二者分工明确、不可替代,需通过eslint-config-prettier关闭ESLint格式规则并交由Prettier全权处理格式,同时保留ESLint在语义层的校验能力。
-
HTML5中iframe不能直接嵌入video标签,只能加载含video的独立页面或第三方embed地址;直接src指向MP4会下载而非播放;跨域下父页无法控制iframe内video,需用postMessage通信;移动端自动播放需muted、autoplay、playsinline三者兼备。
-
animation-direction控制动画播放方向:normal(正向)、reverse(单次反向)、alternate(奇偶次交替)、alternate-reverse(首反次正);它不修改关键帧,仅改变播放顺序逻辑。
-
JavaScript链式调用的核心是方法返回this或新实例以保持上下文连贯;需统一returnthis、避免重赋值this、异步返回Promise、Builder模式分离配置与执行、终结方法不链式、取值方法默认不链式、语义清晰优先。
-
使用父级类名限定、BEM命名、数据属性或现代框架的scoped/CSSModules可实现CSS作用域隔离,避免全局污染。1.添加唯一父类如.module-a.btn;2.采用BEM命名规范如.search-form__input;3.利用[data-scope]属性控制如[data-scope="sidebar"].title;4.在Vue中用<stylescoped>,React中用CSSModules生成哈希类名。选择依据项目技术栈,传统项目推荐命名空间加层级,现代框架推荐模块化方案。
-
顶层await允许模块顶层直接使用await,核心是解决初始化阶段异步依赖问题,使模块求值可暂停等待Promise完成,从而支持基于异步结果的静态导出,同时保持import声明的同步性与模块图的静态可分析性。
-
min-height不会截断内容,截断通常由overflow:hidden、固定height或flex布局限制导致,应确保容器可伸展、避免高度锁定,并使用100dvh等动态单位适配屏幕。