Skip to content

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

Notifications You must be signed in to change notification settings

zhnnnnn/ZHNJSBox

Repository files navigation

图片名称

0x0 描述

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

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

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页面
  • 代码编辑器(支持代码高亮)

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published