微信小程序学习历程

写完整个小程序前端框架,历时四天。从零开始。
从一开始看小程序的教程开始,事无巨细,每一个要点,每一个参数都仔细的看,做了充足的笔记。到后面快速带过,到最后,边用边学。
总结出了一个道理,框架之类的东西,不要认真去学,什么用得到学什么,语言之类的精粹,好好掌握即可

官方教程写的真的不怎么样,关于wxml,wxss,wxs的教程几乎见不到,一切都要自己摸索。
用了三个ui框架,踩了好多坑。

  1. 第一个是微信官方的框架weui,我就不吐槽了,连教程都没有你让我怎么用?而且居然是基于类名的ui框架,对于用过bootstrap的我来说,这再熟悉不过了,但是得知现在的框架都是基于组件的时候,我惊了,见识浅薄说的就是我吧。
    很快就决定弃用了,根本不知道类名什么意思,只能去猜测和仿写,另外功能也很少。
  2. 第二个用的是wux-weapp这个框架,是一个正在维护的GitHub开源项目,另外说一点,weui已经两年没更新过了。怎么说呢,初看感觉挺好的,不是像weui那种老掉牙的基于类名的框架,这个是基于组件的,其中有日历组件,这正是我需要的,但是用了以后我才发现到底有多坑。
    首先,我就不说他虽然有教程,但是教程有很多错误,错到没法用的那种程度(可以看看倒计时那个组件,是个很好的例子)。其次,他自己给的组件,被我引入以后根本不是那么回事,别看他给的演示小程序长得那么好看,把代码复制过来,你会发现bug很多。很多我已经不记得了,但是有一点我印象深刻,那就是radio选中以后,居然会出现两个对勾(exm,他在逗我么?),radio我可以自己去写wxss样式,但是好像其他组件也出了问题,最终放弃了这个令人窒息的框架。
  3. 最后选择的是iview,这个框架好像和vue.js有点关系,因为我以前学了vue,所以自然对这个更有好感。
    iview怎么说呢,差强人意吧。也是一样部分文档出现问题,不过小问题倒也没什么关系。无非是文档中使用了在演示input的时候panel组件,源码中却未声明引用,这个自己注意到以后声明一下就好了。另外,他的分隔符组件也是有点问题的,会出现横线不见只留下中间的文字的情况。当然这些都无伤大雅,框架嘛大部分能用就行,另外我也不想再换了。(蘑菇街的那个框架我没去尝试,所以不做点评)

框架敲定了以后就开始码代码了。iview有个很奇怪的地方就是wx:for和{{item}}得放在同一个标签,之前写vue.js的时候不是这样的。另外就是我的radio出现了一个问题,虽说是单选,但是其实能多选,这一点是很傻的。后来发现是我双重for渲染,虽然正确渲染了组件,但是实际上并未绑定上事件处理函数。本来很优雅的代码无奈运行不了,被迫讲data里的对象数组拆成一个个对象,然后分开用单层渲染。个人感觉其实是很冗余的,等有时间我还是要尝试一下双重wx:for去绑定bind:click,个人觉得是可以成功的,只不过需要做一些修改。
日历组件由于iview没有,我又没那水平自己造出来,所以github上直接clone了一个。
图表组件也是一样用echarts帮忙绘制的。

前端的壳子基本做完了,之后还要学习node.js,继续搞后端,看来是得走上弱鸡全栈之路了。全栈嘛,其实就是全都只会一点点哈哈哈哈,这是后话了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值