-
CSP通过限制资源加载来源有效防止XSS攻击，核心是配置script-src禁止内联脚本与动态执行，推荐使用nonce或哈希值允许安全脚本，避免unsafe-inline等宽松策略。
-
响应式网页设计通过CSS实现多设备适配，首先设置viewport元标签确保正确缩放；接着使用媒体查询按屏幕宽度应用不同样式，推荐移动优先策略；采用相对单位（如%、rem、vw）替代固定像素值以增强弹性；通过max-width:100%确保图片不溢出容器；结合Flexbox和Grid布局实现动态排列，如导航栏垂直堆叠与卡片自动换行；最终构建流畅跨设备体验。
-
WebSocket是一种基于TCP的全双工通信协议，只需一次握手即可建立持久连接，实现客户端与服务器间的实时数据交换。相比HTTP的无状态、短连接机制，WebSocket通过浏览器原生支持的API，使用newWebSocket('ws://...')创建连接，支持onopen、onmessage、onerror、onclose事件监听，可实时收发字符串、Blob等数据，并通过send()方法传输消息，close()关闭连接。实际应用中需添加心跳检测与自动重连机制，广泛用于聊天、协作、通知和游戏等场景。
-
函数沙箱是一种隔离代码执行的技术，通过限制代码对全局环境的访问来防止污染和安全风险。它利用newFunction创建独立作用域，并可结合Proxy控制属性访问权限，适用于在线编辑器、插件系统等场景。尽管存在原型链逃逸、异步攻击等局限性，仍需配合CSP、AST分析等手段增强安全，但其为动态代码提供了必要的缓冲层，在灵活性与安全性间取得平衡。
-
通过设置相对定位容器和绝对定位的::after伪元素，创建默认透明的覆盖层，利用:hover触发其opacity变化实现遮罩显现。1.容器设position:relative；2.::after创建背景遮罩，默认opacity:0；3.:hover时opacity变为1；4.可配合img的opacity过渡增强视觉效果。关键在于定位与transition配合。
-
使用CSS属性选择器可直接根据元素属性设置样式，无需添加类名或ID。例如，[title]为含title属性的元素添加边框；input[type="submit"]精确匹配type为submit的按钮并设置背景色；[class~="btn"]匹配class中包含"btn"的元素实现圆角；a[href*="example.com"]使链接地址含指定字符的文字变红；a[href^="https://"]和a[href$=".pdf"]分别匹配链接开头与结尾，用于标识外部链接或文件类型。这些选择器灵活强大，适合在
-
轮播图通过CSS的transform和transition实现图片滑动切换，利用flex布局将多张图片水平排列在容器内，通过translateX控制偏移量，配合定时器自动更新位移值，实现平滑过渡效果。
-
规范的HTML注释对团队协作至关重要，它能提升代码可读性、维护性，减少沟通成本。1.文件头部注释应包含文件名、描述、作者等信息；2.代码块功能描述用于说明复杂模块的作用；3.重要变量/参数需解释用途；4.特殊情况或问题应提前提示；5.TODO注释标记待办事项。此外，注释应避免过度使用，保持风格一致并及时更新，其他常见写法还包括浏览器兼容性处理和调试信息标注。
-
IoC容器通过依赖注入实现对象创建与使用的分离，由容器管理依赖关系。JavaScript中可利用语言灵活性实现轻量级IoC容器，核心包含注册、解析和依赖追踪机制。示例容器通过构造函数参数名提取依赖，并支持单例模式。结合Symbol标识服务，实现解耦。扩展可支持工厂函数、作用域、装饰器元数据、异步初始化及循环依赖检测，提升灵活性与适用性。
-
ESLint插件开发需创建含rules、configs的npm包，如eslint-plugin-myteam；编写规则函数遍历AST节点，例如禁止console.log需监听MemberExpression并用context.report报错；通过RuleTester测试有效与无效代码案例；发布后在.eslintrc中启用，建议命名清晰、提供recommended配置、支持自动修复，掌握AST遍历即可定制化代码检查。
-
ArrayBuffer是固定长度的二进制数据缓冲区，需通过TypedArray或DataView等视图操作；TypedArray提供特定类型的数据视图，如Uint8Array、Int32Array等，可读写ArrayBuffer中的数据，多个视图共享同一缓冲区会相互影响；常用于文件操作、网络通信、图像处理等场景，处理原始字节流时需注意字节序问题，推荐使用DataView进行精确控制。
-
跨域问题源于浏览器同源策略，CORS是主流解决方案。它通过服务器设置Access-Control-Allow-Origin等响应头，允许浏览器安全地进行跨域请求。简单请求直接发送，复杂请求需先发送OPTIONS预检请求，验证通过后才发送实际请求。服务器需根据请求方法、头部和凭证需求配置相应CORS头。其他方案如JSONP（仅GET）、代理（开发/生产环境常用）、WebSocket（实时通信）、document.domain（同主域子域）和postMessage（窗口间通信）各有适用场景和局限性。CORS因
-
答案：通过配置阿里云OSS、腾讯云COS、华为云OBS和七牛云Kodo的前端直传方案，可实现文件不经过服务器中转直接上传至云存储。1、阿里云OSS使用PostObject接口，后端生成policy和签名，前端构造POST请求上传；2、腾讯云COS通过STS获取临时密钥，前端使用cos-js-sdk-v5调用putObject上传并监听进度；3、华为云OBS由后端生成PresignedURL，前端用PUT请求上传，需正确设置Content-Type；4、七牛云Kodo通过uptoken验证，前端引入qini
-
通过JavaScript拦截表单提交，动态生成预览内容并展示在页面或模态框中，用户确认后再正式提交，可有效减少输入错误。2.实现时需获取各类输入字段值（包括文本、单选、复选、下拉等），处理换行与XSS风险，结合AJAX实现无刷新提交，提升交互体验。
-
JavaScript的隐式类型转换易引发bug，需通过防御性代码预防。==会触发类型转换，如0=='false'为true；if判断中0、''、null等为falsy值；+操作符在任一操作数为字符串时转为字符串拼接，如1+'2'得'12'，1+{}得'[objectObject]'。
