-
JavaScript中解析JSON用JSON.parse()，序列化用JSON.stringify()；前者要求字符串严格符合JSON规范（双引号、无尾逗号等），后者三参数中replacer可过滤/转换字段，space用于格式化输出，二者配合可实现安全数据交换与简单深拷贝。
-
要实现页面的平滑滚动，核心在于利用BOM接口结合requestAnimationFrame逐步更新滚动位置。1.使用window.scrollTo()或scrollTop属性控制滚动目标；2.通过requestAnimationFrame实现与浏览器刷新率同步的动画循环；3.引入缓动函数（如ease-out）提升滚动自然感；4.记录起始时间、计算进度并动态调整滚动位置；5.在动画完成或用户干预时及时终止循环。相比CSS的scroll-behavior:smooth，该方法具备更高的控制粒度、更广的兼容性和
-
将HTML文件放入XAMPP的htdocs目录或通过修改httpd.conf配置自定义路径，启动Apache后在浏览器访问localhost即可查看页面。
-
背景色“塌陷”是因为浮动元素脱离文档流导致父容器高度坍缩为0；解决核心是清除浮动，推荐伪元素法：.clearfix::after{content:"";display:table;clear:both}。
-
通过启用双向链接、添加自定义CSS、嵌入HTML及构建知识图谱，可在RoamResearch中实现高效互联与个性化展示。1、输入[[链接目标]]创建双链并查看引用；2、使用Stylus等插件注入CSS美化界面；3、用`html插入静态HTML增强内容表现；4、结合标签、查询与属性建立可视化知识网络，提升信息关联与检索效率。
-
使用Flexbox和MediaQueries可实现响应式头像排列，通过flex-wrap、gap和justify-content控制布局与间距，结合不同屏幕尺寸调整头像大小与间隙，确保移动端紧凑、桌面端美观，同时利用srcset和lazy加载优化性能，提升多设备适配体验。
-
答案：JavaScript在Web身份验证中通过JWT实现用户认证，结合前端路由守卫与权限控制提升用户体验，但需防范XSS、CSRF等攻击。应使用HttpOnlyCookie、HTTPS、CORS策略和CSRFToken增强安全，敏感操作需后端验证与多因素认证，整体需前后端协同保障系统安全。
-
WebXR将VR/AR体验带入浏览器，通过API实现设备检测、会话请求与场景渲染，结合Three.js等3D库可构建沉浸式网页应用。核心步骤包括：检测navigator.xr支持、请求XR会话（如immersive-vr或immersive-ar）、创建XRWebGLLayer绑定WebGL上下文、获取参考空间并进入渲染循环，在每帧中更新姿态与视图矩阵以渲染立体画面。开发中常见挑战有设备兼容性差、性能瓶颈（如高面数模型导致掉帧）、输入设备差异大及用户舒适度设计难题。优化策略包括模型LOD、纹理压缩、减少绘
-
可使用CanvasAPI或SVG元素在网页中直接绘制矢量Logo：Canvas适合像素级几何图形绘制，SVG支持响应式与动态交互；结合CSS变量实现主题切换，并能导出为标准SVG文件复用。
-
rem相对于根元素字体大小，用于全局一致的响应式设计；em相对于父元素字体大小，适合局部弹性布局。选择依据：rem控制文本层级，em处理间距与图标等随文字变化的场景。
-
用fr单位是解决CSSGrid列宽不均匀最直接有效的方式，它按比例分配可用空间，不依赖内容长度或固定像素值；常见原因包括混合单位、内容撑开、box-sizing未设为border-box或Flexbox中误用flex-basis。
-
答案：HTML中type="range"创建滑块，通过min、max、step、value控制行为，disabled禁用交互；CSS需用伪元素如::-webkit-slider-thumb和::-moz-range-thumb跨浏览器定制样式，解决默认外观不一致问题。
-
npm和yarn是JavaScript主流包管理工具，用于安装、更新和管理依赖；npm是Node.js默认工具，通过package.json管理依赖，支持生产与开发依赖区分；yarn由Facebook推出，具备离线缓存、并行下载和yarn.lock文件保证版本一致；依赖分为dependencies（运行时必需）和devDependencies（开发工具），合理分类可优化构建体积；现代趋势中pnpm因硬链接节省空间受青睐，npmv7+也改进了性能和peerdependencies处理；无论选用何种工具，团队
-
JavaScript操作Canvas需先获取元素及2D上下文，再设样式、绘图（分路径定义与填充/描边）、清空重绘；须注意beginPath()、width/height设置及requestAnimationFrame动画。
-
清除浮动可解决父容器高度塌陷问题，确保布局完整。当使用float实现多行排列时，子元素脱离文档流导致父元素无法包裹内容，需通过clearfix伪类、overflow:hidden或额外清除标签等方式清除浮动。其中，.clearfix::after添加隐藏块级元素最推荐，既不增加HTML负担又能稳定包含浮动项。实际应用于如响应式卡片列表中，每行多个浮动项配合clear:both可维持容器正确高度，避免背景或边框显示异常。尽管现代布局多用Flex/Grid，但在旧项目维护中，掌握清除浮动仍是关键技能。
