baidu-ife / ife

i of Front-End Technology
4.2k stars 2.77k forks source link

2015暑期训练营移动扬帆任务一提交 #842

Open diysimon opened 9 years ago

diysimon commented 9 years ago

大家在下方留下codepen地址或者github地址

以供彼此交流

iplus26 commented 9 years ago

做的很粗糙,目前仅仅实现了基本功能,用户体验极差,求轻拍。

demo

项目repo

不过 web app 的优势就在于可以在线更新啦 嘻嘻

micromaomao commented 9 years ago

2015 IFE 移动扬帆任务 icese7en 队 - 发行注记

这个项目主要由
    [Edwin Zhang *icese7en*](https://github.com/icese7en)  
    [王庭茂 *micromaomao*](https://github.com/micromaomao)  
两人共同完成。

项目消息:

GitHub仓库:https://github.com/icese7en/ife_summer_task
在线DEMO:https://icese7en.github.io/ife_summer_task/task1/
输入设备支持:
    触摸 (TouchEvent)
运行环境支持:
    现代浏览器(不含IE9及以下)

如何在电脑上使用?

    Chrome:F12,然后点击搜索按钮旁边的那个小手机图标,然后从上面
    预设中选择iPhome 6 Plus
    Firefox:Ctrl+Shift+M并开启触摸模拟

后续

以后有时间大概会完善这个项目吧,这个项目还有几个打算做的功能因为
时间关系没有完成,包括但不限于:
    增加删除编辑分类
    详细统计图
    导入导出数据
    脚本操作
    重复功能
    多账本支持

本项目随时欢迎任何人奉献,只需
    1) 在GitHub上Fork
    2~8) 写代码
    9) 提交pull request
请提供必要注释说明~

日常使用满足:
    稳定性:OK
    实用性:OK
    易用性:OK
    安全性:本地

====== 一本正经的胡说八道开始 =====

收获

我们花了很多时间在这个项目上,王庭茂了解了移动前端的基础知识
(单位,Touch事件,zepto的使用,等等),以及一点项目协作注意
事项,icese7en则了解了git的高级使用,项目协作技巧等。收获了
很多知识,在此感谢ife为我们提供这个机会~

经历

因为icese7en要上班的关系(但是王庭茂不用),大概2/3的代码是王
庭茂写的,不过icese7en也提供了很多帮助。我很庆幸能够和他一起
完成这个项目,增加自己的项目协作知识和经验。

===== 一本正经的胡说八道结束 =====

版权

经王庭茂(擅自?)决定,本项目将采用MIT授权任何人在注明的情况下
自由复制粘贴,修改,再发布等。详细用法及限制请查看根目录LICENSE
文件。

@icese7en

lgxscnu commented 9 years ago

这是我们 [拉光纤] 团队做的个人记账本。

目前能实现的功能有: 添加账目 显示账目列表

之后会继续迭代优化,实现数据统计、编辑、删除等功能

项目地址:https://github.com/lgxscnu/mobile-note demo: http://sevenzzz.github.io

leronknow commented 9 years ago

团队名:进击的章鱼怪 团员:@FrancisKong @Tri-Moon @leehong 实现功能:添加账目、显示账目列表、 修改和删除账目 项目地址:https://github.com/ifeLearning/task_001 demo: http://ifelearning.github.io/task_001/

mooccat commented 9 years ago

样式还没调,生成的数据还没有添加到页面,localstorage存的太少 地址:https://github.com/moblol/accounting

LidamaoHub commented 9 years ago

Github:https://github.com/david500834/money_talk Demo:http://david500834.github.io/money_talk/

预览 本来是参加扬帆班,但是昨天看到起航这个项目也很感兴趣.所以花了一整天时间自己做出来的,为了赶在deadline前发了出来

由于是我自己一个人写的,所以会存在大量不足,顺便求好心队友收留.我没有报上名

目前已知存在的不足

求轻喷..

Erane commented 9 years ago

仓库: https://github.com/smartMao/Walker-task/tree/gh-pages demo: http://smartmao.github.io/Walker-task/

团队名:Walker 参与制作成员:smartMao 、 Erane 实现的功能:添加账目、显示账目列表、 修改和删除账目

采用了以前没用过的flex布局,踩了很多坑

问题: 1)动画效果未能达到预期 2)页面布局尚存N+1个坑 3)页面效果未能达标 4)人手不够

我们队伍目前比较缺人手,求热情十足的小伙伴加入,或者我们加入你们

NoBey commented 9 years ago

仓库:https://github.com/NoBey/NoBey.github.io demo:http://nobey.cn/ 完全一个人的,队友都去哪里了尼?。做的不好,很多东西都写死了,也没有做全。

kongkx commented 9 years ago

仓库:https://github.com/kongkx/ife_summer-pocket/ demo:http://kongkx.github.io/ife_summer-pocket/

队伍名称:<待定> 参与成员:kongkx,何米酥,Mr_Ding

偷懒用了zepto.js的touch.js,桌面浏览器没法划开编辑选项;

代码基本上是一个人写的。第一次团队合作而且大家都不太了解队友的情况,不晓得怎样分工,所以就只是交流了一下想法和共享了一些资源。

ZENGzoe commented 9 years ago

http://zengzoe.github.io/tallybook/

队伍:One team 参与成员:曾洁仪 朱洁高 汪帅

只是简单的实现了记账本的UI,关于记账增删查改还未实现。采用了zepto框架来实现,后期会继续努力的^_^

micromaomao commented 9 years ago

@kongkx 桌面浏览器:

Chrome:F12,然后点击搜索按钮旁边的那个小手机图标,然后从上面
预设中选择iPhome 6 Plus
Firefox:Ctrl+Shift+M并开启触摸模拟
micromaomao commented 9 years ago

【看别人做的突然觉得自己好认真- -

LidamaoHub commented 9 years ago

@micromaomao 棒棒哒!

spy19930412 commented 9 years ago

@kongkx 很赞,向您学习

PetalsOnaWet commented 9 years ago

仓库:https://github.com/IFEDreamTeam/game-1/tree/gh-pages demo:http://ifedreamteam.github.io/game-1/

我交错作业了- -

Ovilia commented 9 years ago

@Erane Mac 下乱码了

2015-07-30 10 29 10
Ovilia commented 9 years ago

@david500834 我还是挺喜欢这个设计风格哒~ 就是 lunch 拼成了 launch 啊……:joy:

Ovilia commented 9 years ago

@langrren 做得不错呀~ 就是点击一个位置后可以瞬间移动,这个不科学吧!也太容易了~~

LidamaoHub commented 9 years ago

@Ovilia 羡辙女神!!!!!!天了噜

Ovilia commented 9 years ago

@david500834 微博上被粉丝轰下台……我来刷 gh 玩……做得真的不错,加油!

LidamaoHub commented 9 years ago

@Ovilia 哈哈哈哈哈哈~我是看了你的低多边形关注你的哦,至于项目...其实压根只是第一版,准备周末大改.多谢女神鼓励~

codingstar commented 9 years ago

Demo: http://codingstar.github.io/ife_daydayup/tally_book.html 仓库: https://github.com/codingstar/ife_daydayup

之前一直有事,只能自己完成这些了,后面会慢慢更新。 本来热身任务另外两个小伙伴还是做了的,后面就没信儿了。。。= = 自己学习了css3 transform、transition等,第一次用了iscroll和hammer,也对它们的原理有了一些了解。 求大神带!或者有热情、水平差不多的小伙伴一起做~一起进步~

实现功能:

  1. 新建账目 √
  2. 修改账目 √
  3. 删除账目 √
  4. 分类统计

新增技能点:

  1. 单页WebAPP的结构
  2. css3动态效果(平移)
  3. 对闭包及js代码加载顺序的理解
PetalsOnaWet commented 9 years ago

@Ovilia 谢谢女神鼓励,对移动触摸事件还不是很熟悉~~会慢慢修正的~

ZoeBai commented 9 years ago

仓库:https://github.com/team-Stos/summer-mob/tree/master/task1 组了六人队,结果却是一个人写完的。 只是实现了任务一的功能(新建账目、修改账目、 删除账目),布局适配都非常非常粗糙,UI没有做好动画,采用localStorage无后台。先发上来吧,做任务二的时候同步改进这些。