在开发一个 jssdk 时，想将登录、悬浮球等功能的 ui 界面通过 js 的方式创建，从而实现用户集成 sdk 时，只需要引入一个 js 文件和 css 文件就能使用 sdk 里的功能和界面 现在已有登录等功能的 html 和 js 代码，想改造成 js+css 的方式，目前想到的方式是用 js 创建 dom 元素，并且设置 innerHTML ，有什么更好的方式吗？ sdk, CSS, HTML, 界面
web-component+shadow dom 是最好的选择，里面可以确保你的 css 不和用户自己的 css 冲突 设置内部的 html 可以直接在 shadow-dom 里设置 innerHTML （除了直接插入到 shadow-dom 以外，也可以用 adoptedStyleSheets 的 api 去设置 shadow dom 内的样式）
