首页 > 代码库 > 微信小程序「官方示例代码」浅析【上】

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

从某个微信群里,拿到了这个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

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