Axton Yao
Always Dream. Always Explore.
无垠
Hack.init() 2017 Write Up

日常碎碎念

非常荣幸,(zijibaoming)参加了7.8-9在上海科技大学举办的Hack.init()创客马拉松。既然来了就想着写点东西出来,也算是留个纪念吧2333

开始之前

7.7到达上海,第二天早上前往上海科技大学。结果跑错门,烈日下绕了大半圈,结果真的就是Staff说的香汗淋漓大汗淋漓。好歹算是没有迷路。成功抵达2333

https://img.flyhigher.top/wp-content/uploads/2017/07/1.gif

结果之前组队的一位学长“遇到多年旧友”“打算跑路”,组队彻底崩坏,然后现场面基拉人组队。对,最后就是下面四个大佬傻子。

https://img.flyhigher.top/wp-content/uploads/2017/07/2.jpg

然后就是非常纠结争论不休的伪·MindStorm,7.8 12:00正式开始为期24小时的HHHHHHack。

修仙与肝代码

不知道怎么想的,反正我们最后决定做纯软件的Project…我还带了一箱子的硬件来着(虽然都是些简单的开源硬件)。最后要做什么其实我也不太理解到底是啥…大概是因为我没有这方面的硬需吧2333

https://img.flyhigher.top/wp-content/uploads/2017/07/34.jpg

(PPT不是重点(虽然没有别的重点了

大概就是类似于生活管家之类的东西…这套系统会统计用户日常生活中的各种消耗品的使用情况并提供反馈,同时带有简单的账单功能和购买推荐功能,每月会根据需求自动下单购买商品,并生成账单。通过机器学习可以在使用中提高预测的精确性(而且真的写了算法但是由于一些原因最后没有使用)。还有基于Tags的社群数据分析之类的balabala…整个系统基于WEB。

上截屏

https://img.flyhigher.top/wp-content/uploads/2017/07/a1-576x1024.jpg

https://img.flyhigher.top/wp-content/uploads/2017/07/a2-576x1024.jpg

https://img.flyhigher.top/wp-content/uploads/2017/07/a3-576x1024.jpg

https://img.flyhigher.top/wp-content/uploads/2017/07/a4-576x1024.jpg

https://img.flyhigher.top/wp-content/uploads/2017/07/a5-576x1024.jpg

所以总结一下遇到的坑,嗯我做前端顺便怂恿了后端花了一点时间速成了某种世界上坠吼的语言。

在这个项目里我第一次真正使用了Vue.js,结果这一决定导致了我浪费了超多的时间去Debug。简直就是主要写Bug顺便Debug…

首先一个非常低级的错误就是我使用Ajax来保证前后端分离,但是在有一些库实例化的时候(比如实例化图表)忘记了Ajax需要时间导致在实例化的时候需要的某个变量还是未定义2333,简单地把实例化语句放到Ajax过程里面即可。

还有就是jQuery在解析后端传来的JSON数据的时候,好几次因为数据库中某个字段中多了不必要的换行符而导致JSON解析错误。这个Bug很隐蔽,在Windows下用浏览器访问接口看不出异常,直到我试图用POSTMAN解析才发现多出了换行符…

由于是草草速成Vue.js,我并没有详细翻阅文档而是直接上手偷示例代码,结果v-for给我造成了一大堆问题,由于时间不够最后拿jQuery修修补补,反正js写得超乱就对了(实现就好啊2333

这个项目前后端数据交换超累。由于JSON有些语法规则用代码实现会有些复杂,又有很高的出错率,导致现实情况是后端封装完一个接口以后要不断地修修改改,一会儿改这个接口一会儿改那个接口,开发非常零碎,又提高了了出错的可能性2333

团队在进度同步上,由于并非都会Git以及懒得提交等种种(为了偷懒)因素,我们并没有使用Git同步,而是简单粗暴在服务器上搭建环境并开放FTP,通过客户端的设置实现代码修改实时上传,直接在公网服务器环境上进行调试(我的实现是VS Code的自动保存+FlashFXP的活动编辑功能,各成员的实现各有不同)。这种方法在一定程度上提高了我们的开发效率,虽然没有Git严格安全,但至少适合了我们高强的开发。

后端本来打算使用Python+MySQL,然而我们的后端表示看不懂Django亦或是Flask的文档(“我是搞算法的啊喂”),所以最后我带他直接PHP速成(还是最新的PHP 7哦(笑),然后他负责封装接口我来搞前端。

到凌晨1点多后端表示撑不住了于是果断失踪3小时,但是此刻我还在Vue的海洋中挣扎,一直撑到6点睡了一会儿。结果醒来一看才一个小时但我已经清醒异常睡不着了,再次奋不顾身跳进Vue的大坑2333

https://img.flyhigher.top/wp-content/uploads/2017/07/5.jpg

(凌晨5点的比赛场地)

然后就一直肝到11:45总算是实现了一个简陋的页面。由于是单页面所以HTML乱的要死,我还花了好多时间给代码搞了层级缩进2333Beauty格式化完好丑啊不管我怎么配置…行了我强迫症犯了。

Staff们建议我们在11:30之前完成开发,Deadline是12:00,但是我们毕竟是Web应用所以死皮赖脸开发到11:45(Code in everywhere…嘛)

评审啦

吃完午饭评审就开始了。由于参赛分组多,评审不是公开的而是评委走到各组地方进行Face to Face的交流。一共来了3波评委,然后我们就语速飞快给他们扯我们的项目…扯完以后就直接去闭幕式。

结果刚走到场地就得知我们组是前十(好水啊),需要准备一下面向所有参赛者和赞助商爸爸们的讲演。于是又改了一下PPT扯了一通。

其实是不抱什么希望的因为有超多大神。有一组甚至写出了一个类似于编译器的东西,但是只是提供模块化编程界面并输出结果,没有代码,目的是帮助初学者学习代码思维(大佬欸)反正看起来牛逼哄哄的。

然后颁奖。这时候我们组的队友已经在看6-10名团队的奖励了(WolframAlphaPro一年使用权,看起来吼厉害的样子但是我们团队的人都不用)。接着看到第三名团队的奖品是可编程的无人机的时候真的是一脸羡慕(我最心水的就是这个无人机了好吗)。

拖了很久终于轮到给第一名颁奖。主持的Staff说了一句希望第一的团队还没走我就无意加了一句是的我们还没走。结果…

卧卧卧卧卧槽是我们!

真的被吓到了反正。

然后一脸懵逼地领了奖。1.2W欸,虽然是4个人分也很棒了,还有搜狗面试机会什么的虽然对我没用…

终于我们的队伍还是散了,时间是7.9下午6点左右。

Hack.init()再见!口爱的Staff们再见!

https://img.flyhigher.top/wp-content/uploads/2017/07/7-2.jpg

(为什么我的参赛证上面没有名字!别人都有欸)

https://img.flyhigher.top/wp-content/uploads/2017/07/8.jpg

(怕是没有更乱的桌子了)

https://img.flyhigher.top/wp-content/uploads/2017/07/10.jpg

(Google的T恤!)

并没有什么意义的p.s.

第二天逛了逛上海。虽然宁波离上海很近但是我上次来上海已经是大概7、8年前了,所以趁此机会走一走。

打卡

https://img.flyhigher.top/wp-content/uploads/2017/07/9.jpg

但是科技馆周一闭馆,好气哟。

下午泡在了上海书城,5楼Geek们的天堂。

然后就回家了。上海再见。

(都看到这里了,不如…留条评论吧↓)

赞赏
本文采用 CC BY-NC-SA 3.0 Unported 协议进行许可。
本文链接: https://flyhigher.top/develop/594.html

发表评论

textsms
account_circle
email

  • https://secure.gravatar.com/avatar/a022d8164517c57f119070aa7b643fce?s=80&d=mm&r=r
    追风少年六六六

    这也太厉害了吧 啊哈

    1周前回复
  • https://secure.gravatar.com/avatar/8b34f92cb9e615ff9243e7ad4a2e9525?s=80&d=mm&r=r

    厉害的飞起,vue其实还算是简单的了,做demo的话,分分钟搞定

    9月前回复
  • https://secure.gravatar.com/avatar/659fbdc672264b99a25778d21750e6ad?s=80&d=mm&r=r

    好家伙

    9月前回复
  • https://secure.gravatar.com/avatar/34bb550aa03186708182e1fee41d1dd3?s=80&d=mm&r=r

    上海科技馆,原来你很喜欢逛啊。哈哈哈哈哈,我就会经常在科技馆做志愿者,希望那天看见你啊!

    9月前回复
  • https://secure.gravatar.com/avatar/450d57b205fdba08b125f09b0381d3fd?s=80&d=mm&r=r

    软件截图里。。。性别男,职业家庭主妇,消耗品卫生巾。。。

    9月前回复
    • https://secure.gravatar.com/avatar/40576c4b7e844c7b7f5b3bc50c14b42e?s=80&d=mm&r=r
      Axton博主

      @Neddos: 哇只是DEMO数据嘛,扔锅给队友
      诶呀这不是重点(*/ω\*)

      9月前回复

无垠

Hack.init() 2017 Write Up
日常碎碎念 非常荣幸,(zijibaoming)参加了7.8-9在上海科技大学举办的Hack.init()创客马拉松。既然来了就想着写点东西出来,也算是留个纪念吧2333 开始之前 7.7到达上海,第二天早上…
扫描二维码继续阅读
2017-07-11