2016年11月14日,正在进行实训的我闲来无事,便打开慕课网学习。边学边做,是我的一个习惯,于是便有了这个新年祝福加红包的项目。
这个项目我使用了github开源社区的服务器,理论上加载资源的速度较慢,所以我把所有图片和音频存到了七牛云,公共库使用了bootstrap提供的CDN加速,然后对所有JavaScript和css代码进行了压缩,终于将页面的打开速度控制在了3s左右。不过github服务器不稳定,有时候第一次进去要花10s,我也是一脸懵逼啊。
虽然我以后从事的是前端方面的工作,但是我不得不承认,我的设计能力真的low得一bee。54天时间,36个迭代版本,我可能三分之二的时间都在思考页面该如何做,剩下的三分之一时间用来编码、测试、修改。最后的效果,依然没有我想象中那么好。但是没办法,我的技术还太弱了,还有很多很多需要学习和强化的地方。
这次一共给30位朋友做了适配,每一个人页面都有不同的地方,也算是我的一番心意。在这里提醒大家以下几点:
1.点击新年祝福进入页面,第一次页面加载速度较慢,请耐心等待。
2.登录页面没用数据库,所以不支持回车功能,请老老实实按按钮。
3.这个项目是专门为微信自带浏览器设计的,没做兼容性测试,页面错乱说明你的设备不行。
4.IOS版微信在摇一摇时没有音效(虽然我不说你也不知道),反正这是一个bug,但是懒得去修复了。
5.发的红包是支付宝口令红包,需要大家复制口令到支付宝红包中领取,就是粘贴到图中这个位置。
好啦,领取红包的一些小tips已经说完了,这个项目到今天为止也算是告一段落了,后面可能会进行小规模的改动,但是你应该没什么感觉。
2017年,希望大家在各方面都有所进步哦,我的MarkDown语法还没怎么学,所以这个博客大部分都是字,哈哈哈~刚开始写的东西总会被以后的自己嘲笑的。
祝大家新年快乐,么么哒!
华丽的分割线
今天是2017年1月9号,微信小程序公测的日子。没错,我又更新了我的项目。为了让这个项目能够更加有趣一点,让朋友们能够稍微互动一下。
所以我在项目中插入了两个小彩蛋,只要发现了其中一个彩蛋并且告知我的,就有机会获得我的额外奖励(又给自己增加了不少的成本,哈哈哈~),限量10个名额,先到先得哦!
照片加入了点击放大一丢丢的功能,为了整个界面的良好体验,所以我禁止了用手放大的功能,技术不行,很多地方只能妥协啦。
一个小小的改动,又变了几十个页面,几百行代码,只希望这个页面真的有变得有趣吧。
望喜欢…