po

小程序技术攻克，此项目可以了解小程序是如何实现的。

主要特点

1. view 和 js 编译成独立两套
2. view 可运行在浏览器，electron/android/ios 的webview等
3. js 可运行在android的j2v8，electron和nodejs
4. view 和 js 通过bridge通信,bridge在不同介质(android/ios/electron)下分别实现

涉及知识点

1. 虚拟DOM
2. 编译相关知识, ast/code-gen等等
3. bridge

项目结构

1. dsbridge:抽象bridge功能，供webview/js通信
2. runtime-jscore: po框架的js运行时部分
3. runtime-webview: webview运行时部分
4. server: 服务端运行部分，提供webview和jscore的代码下载，供native运行
5. android：android app 运行示例

语法

语法上和微信小程序高度相似

<view po:for="{{goods}}" >{{item.name}}</view>

<view po:if = "{{loaded}}"></view>

Component({
    data:{
        loaded:false,
        goods:[
            {
                name:"石榴"
            }
        ]
    },
    onCreated(){

    },
    onDestroyed(){

    },
    ....
})

demo演示

1. pnpm install
2. npm run build
3. node test/test.js
4. 直接在浏览器输入http://localhost:3456/?page=pages/home/index查看
5. 也可以使用android工程运行小程序 打开android目录下的工程，运行(需要有一定的android开发基础)