Hummer icon indicating copy to clipboard operation
Hummer copied to clipboard

实现DOM API,兼容前端所有框架

Open chenyulun opened this issue 3 years ago • 0 comments

功能请求

  • [ ] 我想要完成此功能

您的功能请求是否与一个问题有关?

  1. 不能使用先用的打包工具进行打包,
  2. 不能使用DOM API进行操作渲染,
  3. 不能多框架适配(react,vue2,vue3,Angular)

描述您希望的解决方案 按照W3C标准实现DOM API(DOM Tree的多叉树)兼容前端框架, EventTarget-->Node-->Element-->NATIVEElement--> NATIVEVIEWElement,NATIVETEXTElement,NATIVEINPUTElement继承类(https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLDivElement) EventTarget-->Node-->CharacterData--> TEXT 创建全局的document.createElement等方法创建元素 定义全局NATIVEROOTElement根节点(可以挂载到document.body或者document.root),进行扩展DOM多叉树

描述您考虑过的备选方案. 方案1: js实现,作为polyfill包,消耗性能及增加jsbundle体积 方案2:native双平台实现,直接提供native方法

文档、适配、迁移策略

  1. 按照flex布局、内联样式的vue2组件
  2. 不做处理(小修改)的webpack构建的应用,渲染在document.root根组件里面 3.能正常在native(Android和ios)里面渲染

chenyulun avatar May 24 '21 09:05 chenyulun