微信小程序「官方示例代码」浅析上

Posted 指尖上的DragonDean

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序「官方示例代码」浅析上相关的知识,希望对你有一定的参考价值。

从某个微信群里,拿到了这个IDE的下载地址,然后就有了这个:

技术分享
根本登不上去,怎么办,怎么办呢?

看代码啊。。。

反正我又没有保密协议,解压缩一看NodeWebkit + React:

 

技术分享

好啦 ,逛逛呗,这真是一个庞大的项目:

技术分享

等等,这里有一个目录是 weapp/quick,这难道就是传说中的源码,打开一看,果然是。。

技术分享

好了,毫无疑问,某讯又故计重演。

  • html -> wxml

  • css -> wxss

app.js里面是登录代码:

技术分享

app.json定义了一些样式,和页面:

技术分享

wxss里面,明显就是css,万能的intellij 还不支持

技术分享

好了,让我看看 page/index/index.js

技术分享

这难道就是传说中的model-view-action ?

 微信小程序开发交流群563752274

 

好了,你想要的代码都在GitHub上了:https://github.com/phodal/weapp-quick

以上是关于微信小程序「官方示例代码」浅析上的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序「官方示例代码」剖析下:运行机制

微信小程序剖析下:运行机制

把git上微信小程序项目拉到本地运行

浅析微信小程序技术架构(原创)

微信小程序——rpxpxrem等尺寸间关系浅析

微信小程序逆向分析浅析