微信小程序开发教程[Part 3]
微信小程序开发教程[Part 3]

微信小程序对大部分人是没有价值的

微信小程序对大部分人是没有价值的

看到副标题,是不是有点难受呢,可能花了一天时间来看这个教程,却对你说微信小程序没有什么价值,如果你还有点耐心,把接下来的开发中的Trick看完,如果真的想放弃,那就拉到文章最后吧。:)

布局

如果你仔细看我的WXSS代码,你就会发现,微信小程序布局和现在网页中盒子布局是不一样的,这里使用了Flex布局方式,Flex布局在2009年就已经推出,由于浏览器兼容的问题,并没有那么普及,但是你可以在微信小程序中放心使用,因为微信小程序解析引擎倒是统一的,这里推荐阮一峰老师的Flex 布局教程。随着浏览器的统一,我相信Flex布局会和当年的Box布局一样流行的,可以趁着这个机会学习一下。

Untitled Image

除了Flex布局之外,微信小程序还引进了尺寸单位,让我们可以适配不同分辨率的设备,所以开发的过程中一定要使用rpx作为单位,能够避免不少麻烦。

Untitled Image

动画组件

你稍微细心一点的话,我登陆页中Emoji旋转的效果并不是使用官方的动画组件来完成的,而是使用一个第三方CSS动画库,所以CSS的动画效果可以用在微信小程序中,官方的动画组件真的是太难用了,权当Trick方法吧。

设计

我觉得这个小程序还是能看得过去的,作为一个审美匮乏的人,能够作出这样的设计,并且把设计实现,主要得力于Sketch这款软件,足够简单和好用,打开asset/images文件夹,你可以发现全都是矢量图形,都是用Sketch设计完之后,直接导出成svg文件,便直接可以在WXML中使用,足够简单和方便。

鄙人拙见

为什么我会说微信小程序对大部分人是没有价值的,因为这是应用场景所决定的,就拿我所写的日记类小程序说,没有人会想写日记的时候还去开一下微信,恐怕开了微信就想着聊天去了,有的人可能说了,为什么不将这个小程序添加成桌面快捷方式呢?且不说IOS设备不支持此功能,这么做和一个普通APP又有何区别呢?Weex和Ionic等一系列优秀的框架,都是跨平台成熟的解决方案,如此一比微信小程序恐怕没有任何优势吧?

ionic框架

所以我们要弄清微信小程序的理念是什么?就是微信小程序发布时所说的「即走即用」,举一个栗子,当我们使用摩拜单车时,用微信直接扫描二维码,弹出摩拜单车微信小程序,开始使用,用完直接关闭,没有推送,没有其他入口,这才是「即走即用」理念体现的地方。

没有直接的入口,大部分的小程序我觉得都是没有意义的,这直接的入口包括,二维码扫描,微信公众平台转接,硬件接入,仅仅靠Appstore式的统一入口,恐怕大部分的微信小程序都是要死的。

让我还有一点忧虑的是,我是不希望一个公司垄断所有的东西的,有苹果的IOS,还有谷歌的Android,这个世界不才有意思嘛?如果,看电视在腾讯,聊天在腾讯,各种APP也在腾讯,这可太无趣了,这也是我个人的一点私心吧。


If You Have Any Question, You Can Contact Me Through liam@blue7wings.com, @Blue7Wings, #Liam_Hsia