-
JavaScript无法直接读写本地文件系统,需通过FileAPI在用户主动选择文件后读取内容、获取元信息或配合BlobURL实现预览下载;核心是用户触发与浏览器沙箱内处理。
-
浮动元素下方间隙主要由行高与基线对齐或父容器未闭合导致。1.可通过设置line-height:1或font-size:0消除行框空白;2.使用::after伪元素清除浮动或触发BFC闭合容器,推荐用flex布局避免问题。
-
Flexbox通过弹性布局简化轮播图实现,1.设容器display:flex并控制溢出;2.用flex属性固定项宽,结合transform滑动;3.利用justify-content、gap和scroll-snap实现对齐与吸附;4.配合媒体查询动态调整多屏适配;5.通过translateX与transition实现流畅动画,提升性能与体验。
-
HTML页面向服务器发送数据的五种常用技术:一、表单提交;二、XMLHttpRequest;三、fetchAPI;四、WebSocket;五、隐藏iframe模拟异步提交。
-
XSS攻击主要分为存储型、反射型和DOM型,防御需结合输入验证、上下文敏感的输出编码及CSP等多层措施;存储型侧重服务器端数据处理,反射型重在参数输出编码,DOM型则强调前端JS对客户端数据的安全操作。
-
首先要明确VSCode不能直接运行HTML,需通过浏览器查看。1.右键HTML文件选择“在浏览器中打开”或使用LiveServer扩展启动本地服务。2.确保文件后缀为.html、结构完整且编码为UTF-8。3.避免file://协议限制,推荐用LiveServer或Python命令启动服务器,确保复杂功能正常加载。
-
WebGL1.0不支持需先验证真实版本与能力,若仅支持1.0则应禁用WebGL2特性(如Three.js中设webgl2:false),检查并替换drawBuffers等2.0专属API调用,排查硬件、驱动及策略限制,并优先兼容WebGL1.0而非强行升级。
-
HTML表单默认值通过value、checked、selected属性设置:文本框用value预填内容,单选框和复选框用checked设默认选中,下拉菜单用selected指定默认选项,文本域默认值置于标签内。
-
CSSTransition通过设置transition-property、duration、timing-function和delay实现元素样式平滑变化,如按钮悬停变色;可由:hover、:focus或JavaScript操作类名触发,常用于无需JS的基础动画,需注意属性值明确且避免使用不支持过渡的属性。
-
WebSQL被废弃因其未进入W3C标准流程,仅是SQLite私有实现,而IndexedDB成为标准替代方案;二者本质不同:WebSQL关系型、SQL驱动,IndexedDB对象存储、键值+索引驱动,迁移需重构数据访问逻辑。
-
HTML5中应使用iframe、div+CSS、object或WebComponents替代已废弃的frameset/frame;iframe支持同源嵌入,div+CSS结合JavaScript可动态加载内容,object提供降级支持,WebComponents实现可复用嵌入。
-
CSS实现文字依次出现的核心是为每个span设置递增的animation-delay并配合统一@keyframes动画,需加forwards保持终态,注意时长与延迟协调及无障碍适配。
-
JavaScript排序算法实现需兼顾原理理解与实测性能;冒泡适合教学,快排平均O(nlogn)但最坏O(n²),归并稳定且O(nlogn),内置sort()通常最快;自写适用于学习、面试、特殊环境或定制需求。
-
WebWorkers是HTML5提供的API,可在后台线程运行脚本以避免阻塞主线程。通过创建Worker脚本、实例化Worker对象并使用postMessage通信,实现如耗时斐波那契计算等任务,确保页面流畅。
-
JavaScript继承核心是原型链与构造函数协作,ES6classextends最推荐,寄生组合式继承经典高效,原型链和借用构造函数各有缺陷。