「微信小程序」剖析（二）：框架原理

在微信中是要这样调用的：

就会返回下面的结果：

看来这个名为wx-map的标签就是微信下的map标签，它是wx-page的children。然后让我们在WAWebview中搜索一下，就会发现一个很有意思的代码:

它的behaviors中有一句：wx-native，这莫非就是传说中的native组件：

顺便再看一个video是不是也是一样的：

好了，你那么聪明，我就这么说一半好了，剩下你自己去猜。

可以肯定的是：

map标签在开发的时候会变成HTML + CSS
map标签在微信上可以使用类似于Cordova的形式调用 Native组件

再接着说，virtual dom的事，回到示例代码里的map.js:

js里只放置了data，剩下的都是依据上面的值变动的observer，如：

_updatePosition
_hiddenChanged
latitudeChanged
longitudeChanged
scaleChanged
coversChanged
...

这种代码的感觉比React更进了一步的节奏，本来你还需要编码来观察state，现在只需要state变动了就可以了。。。23333....，你们这些程序员都会被fire的。

好了，这里差不多就这样了~~。

重新审视WXWebview.js

于是，我重新逛逛WXWebview.js，发现这个文件里面不只有component的内容，还有：

reportSDK
webviewSDK ??
virtual_dom
exparser
wx-components.js
wx-components.css

等等，你是不是已经猜到我在说什么了，上一篇中我们说到了PageFrame：

在之前的想法里，我觉得我必须要集齐上面的SDK，才能招唤中神龙。后来，我看到了这句：

如果不是开发环境就使用WAWebview.js，在开发环境中使用使用xxSDK，那么生产环境是怎么回事？如果是在开发环境会去下载最新的SDK，好像不对~~，哈哈。。

我猜这部分，我需要一个内测id，才能猜出这个答案。

有意思的是，IDE会对比version.json，然后去获取最新的，用于预览或者区分对待开发者？

上面已经解释清楚了WAWebview的功能了，那么WAService.js呢——就是封装那些API的，如downloadFile：

这一点上仍然相当有趣，在我们开发的时候仍然是WAWebview做了相当多的事，而它和WAService的打包是分离的。

那么，我们从理论上来说，只需要有WAWebview就可以Render页面了。

好了，那么问题来了，如何在浏览器上运行呢？

小程序开发者交流 131894955

「微信小程序」剖析（二）：框架原理 | 在桌面浏览器上运行的相关推荐

关于「微信小程序」背后的故事
前天晚上,小编的朋友圈被一则消息刷屏. 微信要推出应用号,我们暂且叫它小程序. 2021年年初张小龙在微信公开课上的的只言片语引发了大家对Web应用的无限憧憬, 9月21日,它终于诞生了! 作为新媒体 ...
「前端开发者」如何把握住「微信小程序」这波红利？
由于前两周一直在老家处理重要事情,虽然朋友圈被「微信小程序」刷爆了,但并没有时间深入了解. 昨天回广州之后,第一件事情就是把「微信小程序」相关的文章.开发文档.设计规范全部看了一遍,基本上明白了「微信 ...
html5 微信获取当前位置,「微信小程序」实现获取当前位置并在地图上显示
盆一框发互会理工.择各近些架现跳轻机审蓝器友圈最近真是被微信小程序这货刷爆了,哪那都是它,作为一个喜欢尝(作)鲜(死)的前端汪来说,我肯定不会轻易放弃这么好的尝试机会,嘛溜的,先搭好环境压压惊分博累发 ...
「微信小程序」｜开发常用事例（六）
历史文章回顾: 微信小程序 | 开发常用事例(一) 微信小程序 | 开发常用事例(二) 微信小程序 Notes | 开发常用事例(三) 微信小程序 Notes | 开发常用事例(四) 微信小程序 No ...
「苹果小程序」App Clips 和微信小程序区别在哪？我们做了一次上手实操
作者|何世友.彭权华阅读原文 6 月 23 日,Apple Park 的观众席上空无一人,但此时一场特别的「科技春晚」正在上演. 在 2020 年的 WWDC 大会中,自 iOS 7 以来变动最大的 ...
iOS - App Clip「苹果小程序」
App Clips是什么? 官方对其的定义是-- App clips are a great way for users to quickly access and experience what y ...
头条号个人中心登录_头条号平台上线「插入小程序」功能
头条号平台上线「插入小程序」功能,创作者可在图文.小视频和自定义菜单中插入头条小程序,帐号服务能力和变现能力进一步提升. 一.什么是「头条小程序」? 「头条小程序」是为内容生产者提供的延伸变现工具,是 ...
头条号个人中心登录_头条号平台上线「插入小程序」功能帐号服务变现进一步提升...
头条号平台上线「插入小程序」功能,创作者可在图文.小视频和自定义菜单中插入头条小程序,帐号服务能力和变现能力进一步提升. 一.什么是「头条小程序」? 「头条小程序」是为内容生产者提供的延伸变现工具,是 ...
黯然微信小程序杂记（二）：小程序最新版登录并进行缓存模块的实现附源码
黯然微信小程序杂记(二):小程序最新版登录进行缓存模块的实现附源码一.功能描述二.mine.wxml界面图片三.mine.wxml代码四.mine.wxss代码五.mine.js代码六. ...

「微信小程序」剖析（二）：框架原理 | 在桌面浏览器上运行的

「微信小程序」剖析（二）：框架原理 | 在桌面浏览器上运行的相关推荐

最新文章

热门文章