-
答案:通过结合opacity、transform和transition属性,配合visibility控制显隐,可实现模态框的平滑过渡动画。1.默认设置opacity:0、visibility:hidden和transform:scale(0.8)隐藏并缩小模态框;2.添加transition定义opacity、transform和visibility的0.3s过渡效果;3.添加.show类时变为opacity:1、visibility:visible和transform:scale(1),触发动画;4.J
-
浏览器不显示“添加到主屏幕”横幅,是因为未同时满足HTTPS、有效manifest(含short_name及≥192×192图标)、已注册ServiceWorker、用户停留≥30秒并有交互;iOS则完全不支持自动提示,仅支持手动“分享→添加到主屏幕”。
-
浏览器缩放导致布局异常时,可通过六种策略适配:一、禁用用户缩放(Meta控制);二、使用em/rem/vw/vh等相对单位;三、CSStransforms反向缩放补偿;四、@media查询检测DPR;五、JavaScript动态重绘校准;六、text-size-adjust禁用字体自动放大。
-
在HTML中引入CSS的方法有四种:内联样式、内嵌样式、外部样式表和导入样式。1.内联样式适合临时调整,但会使代码冗长且无法缓存。2.内嵌样式适用于小型项目,但无法缓存且可能影响加载速度。3.外部样式表是最常用和推荐的方法,适合大型项目,但需额外HTTP请求。4.导入样式适合将CSS分模块,但会增加HTTP请求并影响性能。
-
模板字符串用反引号包裹,支持多行、保留换行缩进、内嵌变量表达式(如${name})、配合标签函数实现转义/格式化,调试可用JSON.stringify查看真实换行。
-
用::after伪元素实现顺滑CSS转圈动画需设content:""、border-radius:50%+border画圆、transform:rotate(360deg)配合@keyframes、timing-function用linear、加will-change:transform优化性能,并用currentColor适配深色模式。
-
datalist标签的作用是为文本输入框提供可选的建议列表,1.它通过将input的list属性与datalist的id关联来实现;2.datalist内的option元素定义建议值,用户可自由输入不在列表中的内容;3.与select的本质区别在于select强制用户从预设选项中选择,而datalist仅提供输入建议,不限制自定义输入;4.动态生成选项可通过JavaScript获取数据后创建option元素并添加至datalist实现;5.在不同浏览器和设备上功能一致,但移动端可能渲染为原生选择器,且样式
-
提取HTML表格数据有五种方法:一、JavaScriptDOMAPI遍历节点;二、PythonBeautifulSoup解析源码;三、Pandasread_html自动转DataFrame;四、正则表达式粗粒度匹配;五、XPath精准定位节点。
-
节流是固定频率执行,防抖是停止触发后执行一次;节流适用于需持续响应的场景如滚动监听,防抖适用于只关心最终状态的场景如搜索联想。
-
浏览器支持NotificationAPI需同时满足:Notification构造函数存在(typeofNotification!=='undefined')且Notification.permission可读;Safari旧版、IE不支持,Edge18+、Chrome、Firefox、新版Safari支持。
-
预加载(preload)是高优先级、立即下载当前导航必需资源,预取(prefetch)是低优先级、空闲时下载未来可能使用的资源;前者提升首屏确定性,后者优化后续交互速度。
-
accent-color可直接修改checkbox、radio、range和progress的用户交互高亮色;对select、textarea、text等无效,需手动样式覆盖。
-
Number.isFinite仅判断值是否为有限的number类型,不进行类型转换;字符串、布尔值、null等非number类型及Infinity、NaN均返回false,与全局isFinite的关键区别在于后者会隐式转换。
-
IIFE用于ES5及之前模拟块级作用域,解决var变量提升、循环闭包、全局污染等问题;通过自调用函数创建独立词法作用域,封装私有变量并暴露公共接口;ES6后被let/const和模块系统取代。
-
在async函数中,若在作用域内重复声明同名变量(如constdata),会遮蔽外部let声明的数组,导致后续调用push()时因data指向JSON对象而报错“pushisnotafunction”。