-
使用Rollup打包JavaScript库，需安装rollup及插件如@rollup/plugin-node-resolve、commonjs、typescript，配置rollup.config.js指定input、output多格式（esm/cjs）、external依赖，结合package.json的main/module/types/files字段与tsconfig.json类型生成，执行npmrunbuild构建并npmpublish发布。
-
HTML标签属性是附加在标签上的信息，用于配置元素的行为或外观。核心属性包括id和class，其中id唯一标识元素，class可复用以定义通用样式或行为；资源引用属性src和href分别用于加载资源和指定链接地址；表单相关属性如name、value、placeholder和required用于构建用户输入流程并支持验证；自定义属性data-*可用于存储自定义数据供JavaScript读取使用。掌握这些常用属性类型基本可应对多数网页开发需求。
-
list-style用于设置列表标记样式，可定义类型、图片和位置。常用list-style-type改变符号，如disc、square、decimal等；list-style-image支持自定义图片；list-style-position控制符号内外位置；简写属性可合并设置，提升开发效率。
-
使用float实现水平导航栏需将li设为float:left，并处理浮动塌陷问题，如通过overflow:hidden形成BFC，同时去除list-style及默认边距，确保布局整洁。
-
控制浏览器滚动条的方法主要有：1.window.scrollTo()设置绝对滚动位置；2.window.scrollBy()进行相对滚动；3.element.scrollIntoView()让元素滚动到可见区域；4.直接操作element.scrollTop和scrollLeft属性。实现平滑滚动可通过CSS的scroll-behavior:smooth或JavaScript配置behavior:'smooth'选项。处理滚动事件时常见的性能优化策略包括使用节流（throttle）减少高频执行、采用防抖（
-
本文旨在解决克隆包含单选按钮的HTML父元素时，因ID和Name属性重复导致的交互冲突问题。通过详细阐述cloneNode()的工作原理及局限性，并提供JavaScript代码示例，演示如何动态生成唯一ID和Name，并更新相应的label标签的for属性，以确保克隆后的单选按钮组能够独立运作。
-
使用div和CSS可构建响应式卡片布局，通过Flexbox或Grid排列，结合JavaScript动态生成实现可复用模板，提升交互体验。
-
前端日志系统是排查问题、监控体验和优化性能的关键工具，需具备采集、分级、上报、存储与展示能力。首先定义日志级别（debug、info、warn、error、fatal），线上通常只上报warn及以上以控制数据量；结合自动采集（JS错误、Promise异常、资源加载失败、框架错误钩子、性能指标）与手动打点（如Logger.info('checkout_step',{step:1})）实现全面覆盖；上报策略采用异步（sendBeacon或Image）、批量、采样和本地缓存兜底机制，避免影响性能；服务端需验证来
-
答案：修改CSS后因浏览器缓存可能导致样式未更新，可通过添加版本号或时间戳、强制刷新页面、禁用开发者工具缓存、调整服务器缓存策略及更改文件名等方式解决。
-
Koa2通过洋葱模型实现中间件的执行，请求时逐层进入，响应时逐层返回。每个中间件在awaitnext()前后分别处理请求和响应阶段，结合async/await实现异步控制，compose函数递归调度中间件，确保按序执行。该机制适用于日志、错误处理、权限校验等场景，提升了代码可读性与可维护性。
-
可视化编排引擎通过数据模型、组件系统、交互机制和运行时解析四方面，将图形操作转化为可执行JS逻辑。1.采用JSON格式定义节点，支持多种类型与元信息管理；2.基于坐标系布局，实现拖拽连线、状态响应与撤销重做；3.提供节点注册接口，支持配置驱动UI与沙箱执行；4.运行时通过DAG排序、上下文传递与异步控制解析流程，确保正确执行。
-
答案：在HTML中通过video标签的poster属性设置视频封面图，指定图片URL即可；封面在视频未播放时显示，支持常见格式，建议图片尺寸与视频一致，并可通过CSS优化展示效果。
-
CSS通过font-family、font-size、font-weight等属性精细控制字体样式，支持相对单位与响应式设计，并可通过@font-face引入自定义字体，需注意格式兼容、加载策略及版权问题。
-
JavaScript中常见加密方法包括Base64编码、MD5、SHA系列哈希、AES对称加密、RSA非对称加密及WebCryptoAPI；其中Base64用于数据转换但不安全，MD5和SHA用于哈希摘要，AES适合前后端协同加密，RSA用于公钥加密与签名，WebCryptoAPI为现代浏览器推荐方案，提供更安全的原生加密支持。
-
盒模型与浮动布局需配合margin控制间距。浮动元素脱离文档流，通过margin预留空间避免重叠，如左浮动间设margin-right；文本环绕时用margin-left避开侧边栏；父容器塌陷可通过overflow:hidden或伪元素clear:both修复。
