-
WebWorkers可用于后台运行JavaScript代码以避免阻塞主线程。通过创建独立JS文件并实例化Worker对象来启动，主脚本中发送数据，worker接收后执行耗时任务如大量计算，并通过postMessage返回结果，实现主线程与worker线程间通信。
-
Flexbox可稳定实现侧边栏布局：父容器设display:flex并清除默认样式，侧边栏用flex:00240px，主内容用flex:1，配合min-width:0防溢出，响应式通过媒体查询切换显示或方向，对齐问题由align-items控制。
-
CSS图标变色闪烁的根源在于transition未作用于正确属性（SVG用fill、字体图标用color），或触发重排/重绘；应避免布局属性变化、清除行内样式干扰、启用GPU加速并做好兼容性兜底。
-
将HTML文件放入Tomcat的webapps/ROOT目录，启动bin目录下的startup脚本，通过http://localhost:8080/文件名.html访问，可创建自定义应用目录或修改server.xml配置端口。
-
::placeholder伪元素用于自定义输入框占位符样式，支持color、font-size等属性，可针对不同输入框设置，并建议添加厂商前缀以兼容旧版浏览器。
-
CSP通过限制资源加载来源有效防止XSS攻击，核心是配置script-src禁止内联脚本与动态执行，推荐使用nonce或哈希值允许安全脚本，避免unsafe-inline等宽松策略。
-
浏览器渲染机制影响JavaScript性能，需避免频繁重排与重绘。解析HTML构建DOM，解析CSS构建CSSOM，合并生成渲染树，经布局、绘制、合成显示页面。JavaScript阻塞解析，频繁操作触发重排（如读取offsetTop）、循环修改DOM、长时间任务阻塞主线程，均降低性能。优化策略包括：批量DOM操作、避免强制同步布局、用class替换内联样式、使用requestAnimationFrame、高频事件采用防抖节流、复杂计算移至WebWorkers。配合CSS优化，优先用transform和op
-
JavaScript算法优化的核心是减少计算与内存开销，关键包括：用Map替代嵌套循环（O(1)查表）、合并链式遍历、避免循环内重复解析、缓存纯函数结果、递归改迭代，并以性能测试为依据针对性优化。
-
子元素溢出容器时，通过设置overflow:hidden或overflow:auto可有效控制；结合min-width:0、word-break和minmax()等属性，能进一步防止内容撑开布局，确保网格结构稳定与响应性。
-
使用overflow:hidden可隐藏盒子内溢出的内容，适用于文本过长、图片偏移等场景，结合text-overflow:ellipsis可实现文本省略，需注意元素需有明确宽高或BFC，且会同时隐藏所有溢出内容。
-
前端加密可提升安全性但无法绝对防逆向，主要用于增强防护。其核心是防止明文传输和中间人攻击，常见应用于密码加密（如RSA、AES）、敏感字段处理及接口签名。由于JavaScript运行在客户端，密钥不可硬编码，需通过安全通道动态获取，并结合HTTPS与后端校验。推荐使用成熟库如CryptoJS、jsrsasign或WebCryptoAPI，避免自研算法。前端加密应视为多层防御的一环，重点在于配合动态密钥、防重放机制与后端验证，形成完整安全体系。
-
在JavaScript中获取鼠标点击坐标可以通过监听click事件并使用event对象的clientX和clientY属性实现。1.使用clientX和clientY获取视口坐标。2.使用pageX和pageY获取文档坐标。3.处理跨浏览器兼容性问题，使用兼容代码。4.对于触摸设备，监听touchstart事件并使用touches或changedTouches获取坐标。
-
要让CSSloading动画无限循环，需在animation属性中同时使用linear和infinite关键字，如animation:spin1slinearinfinite；其中linear确保匀速，infinite实现永不停止的循环播放。
-
答案：通过CSS关键帧定义滑入滑出动画，结合JS控制类名切换实现分页过渡效果。使用@keyframes创建slideIn和slideOut动画，为页面元素添加active、slide-in、slide-out类控制显示状态，JS中通过goToPage函数触发动画并延时清除类，确保动画流畅完成，可扩展方向判断与防抖机制提升体验。
-
JavaScript通过document.cookie操作Cookie，需手动拼接字符串设置、解析字符串读取、用过期时间覆盖删除；须注意path/domain一致性和编码处理。
