-
绝对定位是CSS特性而非HTML5特性,其行为始终一致:脱离文档流、相对最近已定位祖先定位;top/left失效主因是父容器未设position:relative;居中推荐top:50%+left:50%+transform:translate(-50%,-50%);z-index仅对已定位元素在同层叠上下文中生效,父级无position或opacity/transform/filter等会创建新层叠上下文。
-
style标签天然具有页面级作用域,仅影响当前HTML文件,无需scoped等额外属性;其优先级与外部CSS相同,取决于选择器特异性和声明顺序。
-
JavaScriptclass是语法糖,本质仍是基于原型的函数机制;constructor需显式处理this绑定;static方法属类本身,普通方法属原型;子类constructor必先调用super();class不提升,顺序依赖严格。
-
WebAPI是浏览器提供的接口,使JavaScript能操作网页、响应事件、管理网络请求等;它非JS语言内置,由浏览器实现,包括DOM、Fetch、History、Storage等API,且仅在浏览器环境可用。
-
在JavaScript中使用fetchAPI的方法如下:1.基本用法:使用fetch('URL').then().catch()获取数据。2.发送POST请求:使用fetch('URL',{method:'POST',headers,body})发送数据。3.错误处理:检查response.ok并手动抛出错误。4.性能优化:使用async/await语法简化代码和错误处理。fetchAPI简化了网络请求处理,但不支持进度事件。
-
HTML5AppCache已废弃,必须迁移到ServiceWorker;因其设计缺陷(缓存不可控、白屏陷阱等)且被Chrome94+、Firefox85+、Safari16.4+彻底移除,manifest文件无效,需通过register()注册sw.js并手动管理缓存策略。
-
JavaScript作用域是词法作用域,由代码结构在运行前确定,分全局、函数、块级(ES6起);var提升至函数顶,let/const有TDZ;闭包捕获变量绑定而非值;this与作用域无关,取决于调用方式。
-
JavaScript是让网页具备交互性、动态性和智能化的核心技术,支持事件响应、DOM操作、数据处理、异步请求及框架开发,显著提升用户体验与开发效率。
-
opacity不能实现透明颜色代码效果,它控制整个元素不透明度而非颜色alpha通道;真需颜色透明应使用rgba()或hsla()。
-
优化移动端CSS引入需减少HTTP请求、内联关键CSS、设置缓存、按需加载。合并文件、异步加载非关键CSS、压缩代码并避免冗余框架,结合Lighthouse与DevTools监控FCP、LCP等指标,持续优化性能。
-
柯里化是将多元函数转换为一系列单参数函数的技术,核心是分步传参、闭包保存已传参数,最终触发执行;如curry(add)(1)(2)(3)返回6,适用于预设配置、事件处理器复用等场景。
-
JavaScript需要BigInt来解决Number类型在处理超过2^53-1的大整数时的精度丢失问题,它允许安全操作任意大的整数,适用于大ID、加密密钥等场景。BigInt与Number类型不能直接混合运算,必须显式转换,且BigInt不支持Math方法和JSON序列化,需通过toString()转为字符串处理。实际使用中应通过n后缀创建BigInt,与API交互时前后端需以字符串形式传递大整数,并在必要时统一封装转换逻辑,避免精度错误。
-
Canvas绘图完全依赖JavaScript控制,需先获取2d或webgl上下文并确认可用性,再通过ctx方法绘制图形、实现动画和响应交互。
-
答案:处理CSS响应式多列布局溢出需动态调整列数并约束内容。首先通过column-count、column-gap和媒体查询在不同断点设置理想列数,如大屏3列、中屏2列、小屏1列;配合column-width实现自适应。其次控制内容溢出,使用overflow-wrap:break-word防止长文本溢出,设置img{max-width:100%}避免媒体元素撑破列宽。再者确保容器不超出视口,添加max-width、margin:0auto居中布局,结合box-sizing:border-box包含内边距,
-
HTML5应用“卸干”需四步:先注销ServiceWorker,再清缓存与Cookies,接着用开发者工具清除CacheStorage、IndexedDB和localStorage,最后验证首次加载变慢、登录态丢失、离线报错及PWA图标消失。