-
答案：创建HTML文本输入框需使用<inputtype="text">，常用属性包括name、id、value、placeholder、maxlength、readonly、disabled和required，结合CSS可设置宽高、边框、圆角、聚焦效果等样式，并推荐配合<label>标签提升可访问性。
-
答案：HTML图片居中可通过CSS实现，常用方法包括text-align:center使父容器内图片水平居中；margin:auto配合display:block实现块级居中；Flex布局通过justify-content和align-items实现水平垂直居中；Grid布局使用place-items:center简洁完成双向居中，根据需求选择合适方案。
-
行内元素有完整盒模型但受文本流约束；width/height无效，padding/border可见但不撑高行框，margin-top/bottom无效；inline-block可破局，需处理空格间隙和vertical-align对齐问题。
-
JavaScript性能优化的核心是减少执行时间、降低内存占用、避免阻塞主线程，关键在于让代码更“懂浏览器”：减少重排重绘、善用事件委托与节流防抖、按需加载、避开innerHTML循环等常见陷阱。
-
HSLA是一种通过色相、饱和度、亮度和透明度定义颜色的CSS格式，格式为hsla(h,s%,l%,a)，适用于创建半透明效果。它常用于模态框遮罩、卡片悬停和文本阴影等场景，如hsla(0,0%,0%,0.6)可为文字区域添加半透黑色背景以提升可读性，同时保留底层图像氛围。相比RGBA，HSLA更直观地调整色调，适合动态配色，但需注意文本对比度和浏览器兼容性。
-
回调函数是作为参数传递给另一函数并在特定时机被调用的函数，用于解决JavaScript单线程下异步操作阻塞问题，避免页面卡顿，实现非阻塞式编程，但易导致回调地狱。
-
该用:active而不是:focus时，是指需要表现用户主动按下元素（鼠标/触屏/空格回车）的瞬态反馈，如按钮按下的凹陷感；:focus则用于持续表示键盘可交互状态。
-
答案：通过CSStransition实现导航栏颜色过渡，首先构建导航结构，设置背景和文字颜色的平滑动画，利用:hover触发悬停变色，并可通过JavaScript监听页面滚动动态改变背景色，配合transition实现自然过渡效果。
-
HTML5的autocomplete属性仅是语义标记，不提供输入提示数据，无法主动拉取、控制或定制下拉提示项；真正可控的提示必须用JavaScript实现。
-
使用CSSnano压缩Tailwind生成的CSS能有效减小文件体积、提升加载速度。Tailwind默认生成大量未使用的实用类，导致生产环境CSS臃肿。尽管可通过content配置移除未用样式，但CSSnano在此基础上进一步优化：去除空白注释、合并相同选择器、简化颜色和数值、消除重复声明。集成方式简单，只需在PostCSS配置中添加cssnano插件，并仅在生产环境启用。配合PurgeCSS（content扫描），可将80KB的原始文件先降至20KB，再经CSSnano压缩减少5–10%。最终实现开发可
-
Node.js通过N-API支持C++模块集成，适用于高性能计算等场景。使用N-API编写插件需创建addon.cpp和binding.gyp文件，经node-gyp编译后生成.node模块，再通过require()引入。示例中实现加法函数，导出供JS调用，具备跨版本兼容性，适合性能敏感任务，但需权衡平台依赖与调试复杂度。
-
HTML5文字换行核心靠CSS的white-space、word-break和overflow-wrap组合控制；<br>仅用于语义换行，CSS方案更可控且响应式友好。
-
跨标签页通信可通过BroadcastChannel实现高效同源通信，辅以localStorage监听变化作为兼容方案，SharedWorker适用于复杂场景，降级可选轮询sessionStorage或cookie。
-
答案：引入字体图标库需在HTML的head中链接CSS文件，FontAwesome推荐通过CDN引入并使用fas/fab类名调用图标，IcoMoon则需下载自定义字体包并引入对应CSS文件，通过指定类名使用图标，注意路径、类名前缀及样式控制。
-
直接用background-image写Base64数据URL时，需严格遵循data:<mimetype>;base64,<encoded-string>格式，确保MIME类型准确、base64,后无空格、url()内用单引号包裹；仅适用于小图标，大图应走独立文件。
