向腾讯大佬低头!

说在前面,你们这下可不能说我这博客天天吹水不讲东西了!

说说这大佬又想干什么!

怎么说,腾讯微信真的是野心挺大的,要把微信做成一个应用平台
谁还能想的起来微信当时只是定位为一个低流语音信息的即时通讯工具啊!
小程序怎么定义呢,就是一个在微信启动的App
不过归根到底还是个Web App
那这么说来其实也可以说是一个以微信做壳的App了,相对于隔壁那个叫Ionic的东西来说。
不过怎么说,这小程序应该也是依托公众号来实现的吧,我看它文档都是在公众号里面。
先上地址:下载链接
这开发工具原来就是一个chrome开发者工具,可能是因为加了小程序这么个东西,现在也有开发功能了
刚刚试用了一下,效!率!贼!差!(默默打开了Atom)

这东西大概怎么写怎么用

我粗略看了一下啊,这东西跟隔壁那些什么angular啊,还有vue啊什么都有点差不多,就是前后绑定然后做逻辑。
大概结构就是(不会用树形,随便看一下)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- /
- pages
- index
index.js
index.wxml
index.wxss
- logs
logs.js
logs.json
logs.wxml
logs.wxss
- utils
util.js
app.js
app.json
app.wxss

这结果tm似曾相识啊!
好了这就是个Web App,那讲一下那些文件干嘛的呗。
说到底还是个老biao子,js就不用说了(哎等下这东西好像还是得依托NodeJs啊,顺便说下我特别不喜欢PHP…)

wxml:是个什么,wxml其实就是xml了,只是有点特殊的xml,可以理解成就是我们做ionic那个html吧
wxss:卧槽了就是这个wxss!卧槽!挑白了说就是个CSS!不过在像素定义有点不同。引用一下

尺寸单位
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)
iPhone5 1rpx = 0.42px 1px = 2.34rpx
iPhone6 1rpx = 0.5px 1px = 2rpx
iPhone6 Plus 1rpx = 0.552px 1px = 1.81rpx

所以官方说的是,“我们鼓励使用iphone 6 作为标准屏幕开发”
原话是

建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。 注意: 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。

(噢…是嘛…

另外最近在学Vue.js,估计跟玩小程序应该也会有点联系吧,就这样了剩下的日后再说。