-
HTML项目打包是将网页文件整理压缩以便部署，需确保资源完整、路径正确。1.手动打包适用于简单项目，将文件放入dist等目录后用zip压缩；2.构建工具如Vite、Webpack可自动化处理，提升效率；3.优化资源包括压缩图片、CSS/JS，移除注释，合并小文件；4.部署可选Vercel、Netlify等静态托管或上传至服务器。关键在于路径管理与细节检查。
-
答案：WebComponents通过CustomElements、ShadowDOM和HTMLTemplates封装可复用组件。首先定义继承HTMLElement的类并用customElements.define()注册自定义标签，实现基础行为；接着在构造函数中调用attachShadow()创建ShadowDOM，隔离内部结构与样式，避免全局污染；然后结合<template>预定义组件模板，提升渲染性能与代码组织性；最后通过observedAttributes()监听属性变化，在attrib
-
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。
-
可通过拖拽HTML文件到浏览器窗口快速预览，松开鼠标即可加载页面。2.利用浏览器菜单中的“打开文件”功能选择并加载本地HTML文档。3.在地址栏输入file:///加文件完整路径可直接访问，适合开发者调试。4.使用VSCode等编辑器安装LiveServer插件实现保存自动刷新的实时预览。5.双击HTML文件可调用默认浏览器打开，适用于普通用户简单查看页面内容。
-
HTML5注释不影响SEO，仅用于团队协作；应在title、meta、h1、结构化数据、canonical等标签旁添加清晰、具体、有时效性的SEO说明注释，并统一采用“SEO:[模块]|[动作]|[依据/影响]|[时效/责任人]”格式。
-
最可靠方案是html-pdf-cli（基于Puppeteer）：支持A4、页边距等参数，自动等待DOM加载，需本地HTTP服务或--no-sandbox；wkhtmltopdf仅适用于简单静态页且需≥0.12.6版本；weasyprint适合无Node环境，纯Python实现但不执行JS。
-
设置position:sticky并指定top值可使元素在滚动到距视口顶部指定距离时固定，如top:10px表示距离10px时开始吸附，常用于导航栏或标题吸顶效果。
-
深色背景下文字/图标发灰本质是对比度不足，需提高HSL中的亮度L（65%–85%）和饱和度S（+15–25%），用CSS自定义属性统一管理并工具验证对比度。
