专栏名称: 程序猿
本微信公众号:imkuqin,为程序员提供最新最全的编程学习资料的查询。目前已经开通PHP、C/C++函数库、.NET Framework类库、J2SE API查询功能。
目录
相关文章推荐
51好读  ›  专栏  ›  程序猿

前端程序员:我眼中的“微信小程序”

程序猿  · 公众号  · 程序员  · 2016-12-06 22:56

正文

来自:AnnatarHe's blog

链接:https://annatarhe.github.io/2016/09/25/wechat-webapp-in-my-view.html (点击尾部阅读原文前往)


近期微信不声不响地推送了“微信小程序”,前端圈里铺天盖地的都是这个话题。


我尝试了一下,做了个小demo,由于太小,几乎就是跟着文档刷了一遍而已。所以就不放出截图代码了。


这篇主要说一下我眼中的“微信小程序”


学习 Vue

写代码的时候很明显能感觉到有 vue 的影子。


每个page分到一个文件夹里面,这个文件夹含有至少三个文件:.wxml, .wxss, .js 还有一个可选的.json分别对应的是 DOM 结构, 样式,控制器,配置文件


完完全全就是vue的template语法的拆解版。


这样做的好处是结构特别的清晰,不像jsx一样,不用什么都写.jsx里面,学习成本就变得很低了。


控制器里面也是有些模仿的意思吧。

Page({   
    data: {   
    },   
    onLoad: function(options){   
    }   
})

其实讲道理没什么模仿吧,毕竟js就是这么写的


融合 React


我很明显地在函数中看到了这样的语法:

this.setData({   
    foo: 'bar'   
})

语法上还是很像的,对吧?


「微信小程序」剖析(二):框架原理 在桌面浏览器上运行的尝试 这篇文章后面有一段讲的是数据变动渲染什么的。说的比较含糊,没看太懂


绑定事件上也比较像react对吧,不过我比较偏爱的是 vue 的语法,很优雅

还有点儿 Angular2 的味道


只是在页面文件分成几个部分的时候我嗅到了一些Angular2的味道,把dom和style分开,放到自己当前文件夹里。


好吧,这个理由似乎有点儿勉强


特点


我在写代码的时候,感受到的一个最大的特点就是:简单,真的不需要太多的概念,不需要很复杂的工程就能在微信这么一个可能是全世界最大的流量入口做一个可用的小程序。是不是很激动。


每个页面对应一个文件夹,文件夹里一套微信规定好的东西。页面只要填充上微信做好的组件就可以跑起来了,而且还带支付功能!


它所带来的几个特性:


  • 低成本


学习成本很低,整个模式对于初学者是很友好的,只要了解了 pattern 就能写代码了,也不用写 native。


也不用像 Angular2, React 那样要先学很多概念才能干活。


我甚至想,微信小程序的简单程度可能直逼 jQuery。


所以培训应该会很容易搞,公司招人也不需要太高的要求了,拉进公司学半天就行了。


  • 高收益


微信流量巨大。我之前说过,它可能是全球最大的流量入口了。


关于这一点我想说,微信用户量大总所周知。不仅量大,微信的用户粘度非常强,用户也非常活跃,走在路上很容易看到各种人走两步就刷一下朋友圈,我觉得 Instagram 还没有这么强吧。


流量入口很容易带来高收益,再加上微信支付。我想很多中小型公司,尤其是电商这些的。会很快跟进。


阿里地位岌岌可危。


  • 跨平台


做出的产品写一遍就能跨平台了。包括没什么产品支持的 windows phone 平台


缺点


  • 太简单,无法支撑复杂应用







请到「今天看啥」查看全文