All Projects → zhnnnnn → ZHNJSBox

zhnnnnn / ZHNJSBox

Licence: other
🎮乞丐版JSBox(js编辑器+js动态化框架)

Programming Languages

objective c
16641 projects - #2 most used programming language
javascript
184084 projects - #8 most used programming language
图片名称

0x0 描述

钟大的JSBox了解一下。核心其实就是一个动态化的框架,区别于一些DSL的页面动态化。js动态化做到了逻辑也能动态化。我这边实现了一个乞丐版的JSBox。基础的视图显示功能都已经加上,整体项目的架构已经搭建完成,如有需要稍微加加功能改改就能直接用。

实现的一些细节可以查看我在掘金上的文章 https://juejin.im/post/5b1a21bb5188254fbb756b23

按我自己的理解,这样的引擎或者说方案其实可以说是破产版的weex(是不是听起来很唬人😀)。相比于一些歪门邪道的DSL动态化方案,我觉得通过JS来做才是正途。

0x1 示例JS页面代码

$ui.render({
  views: [
    {
      type: "view",
      props: {
        bgcolor: $color("#FF0000")
      },
      layout: function(make, view) {
        make.center.equalTo(view.super)
        make.size.equalTo($size(100, 100))
      },
      events: {
        tapped: function(sender) {

        }
      }
    }
  ]
})

0x2 功能

  • JavaScript to native页面
  • 代码编辑器(支持代码高亮)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].