-
使用position固定悬浮按钮位置，结合transition实现悬停交互效果，并通过@keyframes定义入场动画，最后用媒体查询适配不同设备，三者协同打造流畅且专业的悬浮按钮体验。
-
首先定义多语言资源文件，使用JSON格式存储不同语言文本；接着通过getBrowserLang()检测浏览器语言，并结合URL参数或localStorage确定当前语言；然后利用data-i18n属性标记需翻译的元素，编写translate()函数动态替换内容；最后提供语言切换按钮调用switchLanguage()更新界面并持久化选择。该方案轻量、无需构建工具，适合静态网站，核心在于统一标记与可维护的语言包结构。
-
JWT由头部、载荷、签名三部分组成，需在后端使用强密钥严格验证签名、过期时间及签发者，前端不得自行验证或长期明文存储，防范签名绕过、重放攻击和泄露风险，确保传输安全。
-
transform-origin默认值是50%50%，即元素自身宽高的几何中心；该值基于元素自身尺寸计算，不随动画变化，且仅在动画开始前读取一次。
-
多个link标签并行加载不必然慢，但默认阻塞渲染且受HTTP/1.1并发限制易串行；HTTP/2下改善但仍建议合并关键CSS、按路由拆分、避免@import、确保CDN正确识别contenthash变更。
-
JavaScript类型转换核心是明确目标类型后选择对应方法：Number转String推荐String()或.toString()，String转Number依场景选Number()、parseInt()、parseFloat()或+str，需注意NaN处理与进制陷阱。
-
正确处理Flexbox溢出需结合overflow:hidden与flex属性，关键在于设置子元素min-width:0、flex:1及text-overflow:ellipsis，确保内容可收缩且文本溢出时截断，尤其在嵌套布局中更应规范使用以避免撑开容器。
-
JavaScript的函数式风格指以纯函数、不可变数据、声明式组合为核心的编程范式，要求函数无副作用、不修改状态、用const替代let/var，并通过pipe/compose组合单参数纯函数。
-
letter-spacing调整字符间距，word-spacing控制单词间距，两者配合可提升文本可读性与设计感；前者适用于标题或字体微调，后者多用于英文段落增强呼吸感；合理设置正值或负值能优化视觉效果，避免过大间距破坏语义连贯，掌握叠加规则使排版更精准。
-
正确声明DOCTYPE和配置meta标签是构建标准HTML文档的基础。1.使用<!DOCTYPEhtml>声明HTML5文档类型，必须位于文档首行。2.在<head>中添加关键meta标签：<metacharset="UTF-8">确保字符编码正确，<metaname="viewport"content="width=device-width,initial-scale=1.0">实现响应式布局，&
-
可在两个HTML页面间通过URL查询参数、localStorage、sessionStorage、表单POST或BroadcastChannelAPI传递文本框数据：前三种适用于客户端单向跳转传值，第四种需服务端配合，第五种支持同源标签页实时通信。
-
当使用requests获取含西里尔字母（如俄文）的旧式网页时，response.text常因自动编码检测失败而乱码；应跳过text属性，直接用response.content结合cp1251（Windows-1251）解码，才能准确还原原始字符。
-
答案：通过在Flex容器中设置display:flex并结合transition属性，可实现子元素平滑移动；具体包括定义容器布局、为子元素添加transition以过渡margin或transform等属性，并利用hover或类切换触发动画，推荐使用transform:translateX()提升性能。
-
答案：通过设计通用vnode结构和render函数，实现轻量级SSR虚拟DOM。定义h函数创建vnode对象，包含tag、props、children；服务端用renderToString将vnode递归转为HTML字符串；客户端用mount函数生成真实DOM并挂载，支持更新；vnode纯数据化确保同构兼容，避免依赖DOM或window，通过构建工具共用代码，实现首屏渲染优化与客户端激活。
-
HTML5页面中文乱码需三步解决：一、在<head>顶部添加自闭合<metacharset="utf-8">；二、用编辑器将文件保存为UTF-8无BOM格式；三、配置服务器响应头Content-Type为charset=utf-8。
