小程序学习五(实现一个简单的基础库)-优快云博客

本文链接：https://blog.youkuaiyun.com/D_I_D/article/details/136305647

因为有个公司又是搞小程序容器的，而且老是问我相关问题，不得已只能再次复习一下。
os: 其实只要理解了vdom，然后再了解一点编译相关的知识之后好像也没啥需要特别了解的。。。

html页面

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  </head>

  <body>
    <div id="container"></div>
    <script>
      const myWorker = new Worker("minapp/service.js");
      window.myWorker = myWorker;
      myWorker.addEventListener('message', function (e) {
     
        if (e.data.type === 'view') {
     
          __render(JSON.parse(e.data.data))
        }
      })
      // 小程序的js文件,正常应该是直接执行到service中的，不需要使用这种方式
      myWorker.postMessage({
     
        type: 'js',
        pageName: 'page/index',
        data: `Page({
  data: {
    cc1: '点击修改'
  },

  click: function () {
    console.log('click')
    this.setData({
        cc1: 'asd'
    })
  },

  click1: function () {
      wx.showModal()
  }
})` });
    </script>

    <script src