受@优才网的致程序员也许这是东半球最真诚的礼物启发,做了这么一个表白的网页,打算在元旦的时候给她
其中主要运用了优才网的部分代码以及两个插件:
fullPage.js:全屏滚动
JQuery-Snowfall:飘雪效果
作为一个一直只会后端和运维的人员,前端做起来表示压力山大呀,希望广大V友能给提供一点建议,比如网站访问速度方面、UI设计方面或者内容方面,当然,请一定滑动到最下面一页,在右上角为我点个赞
PS:每次做网页的时候都不知道该怎么对网页速度方面进行测试,不知道前端开发人员都是怎么测试的呢?
1 qinix 2014-12-28 10:22:59 +08:00 via iPhone ![]() 说好的网页呢…… |
![]() | 2 haofly OP ![]() 额,V2EX不能删除或者修改文章吗,网页在这儿 http://love.haofly.net |
![]() | 3 x86 2014-12-28 10:26:11 +08:00 via iPhone ![]() v友的建议是别搞这些没用的,有这功夫折腾这个,不如跟妹纸好好说 |
![]() | 4 qxc 2014-12-28 10:30:14 +08:00 ![]() 感觉不错,就是移动端图片会变形 |
![]() | 5 steveway 2014-12-28 10:31:14 +08:00 ![]() 嗯就是小心感动自己恶心别人 |
![]() | 6 002jnm 2014-12-28 10:33:05 +08:00 via iPhone ![]() 喜欢人家好好和妹纸说别 |
![]() | 7 Pete 2014-12-28 10:33:08 +08:00 via Android ![]() 感觉你做的比原来的效果差了很多 毕竟夺得妹子的心还是得靠行动 |
![]() | 8 002jnm 2014-12-28 10:33:24 +08:00 via iPhone ![]() 竟瞎搞 |
9 neargle 2014-12-28 10:33:37 +08:00 ![]() 点了个赞,但是同x86那样不建议这种方式,效果不如送花可能~ 祝你表白成功!点完赞,好像帮你点“好”! |
10 em70 2014-12-28 10:34:18 +08:00 ![]() 这些东西和写诗是一样的,80年代可以用这个方法泡妞,现在女孩没那么好骗了,还是整点实际的吧,看个电影,送个礼物什么的 |
![]() | 15 Vincentcow 2014-12-28 10:38:07 +08:00 ![]() |
![]() | 16 haofly OP 亲们,我还是一个纯洁的大学生→_→ |
![]() | 17 scalaview 2014-12-28 10:38:39 +08:00 ![]() LZ不想打击你 这种网站 效果真比不上 亲手在她面前说出来的好 经验之谈 |
![]() | 18 viator42 2014-12-28 10:39:20 +08:00 via Android 平板上看惨不忍睹 |
![]() | 20 victor 2014-12-28 10:41:55 +08:00 单身一辈子 |
![]() | 21 haofly OP @Vincentcow 这两个网站以前看到过,但之后不知道在哪儿了,谢谢提供 |
![]() | 23 lolicon 2014-12-28 10:44:12 +08:00 via Android ![]() 这种东西,可以当成了女友之后调情的游戏,而不是你表白的筹码,没用的 |
![]() | 24 ipconfiger 2014-12-28 10:44:21 +08:00 净搞这些没用的,活该单身自己撸 |
![]() | 25 Sunyanzi 2014-12-28 10:46:17 +08:00 ![]() 为何点「不好吧」会变成「好的」 ..? |
![]() | 27 aheadlead 2014-12-28 10:47:01 +08:00 ![]() 你要这么做 建议你买个10年的域名 [your name]love[her name].[suffix] 并挂上去,每年按时续费,坚持几年或许有辅助作用。 |
![]() | 28 zhaiduo 2014-12-28 10:47:39 +08:00 via Android 单相思没有好结果 |
![]() | 29 zmr90 2014-12-28 10:50:05 +08:00 ![]() 个人感觉在网上找的几个表白源码都比你这个稍微好一点的说 http://love.90r.org/ |
30 chanmaozha 2014-12-28 10:51:25 +08:00 ![]() 讲一点关于你们的故事多好. 写这些套话有点虚呢. 还有就是不要给妹子太大压力, 网页里要表达出即使人家好好拒绝也没有问题的意思. ^_^ |
31 leafof 2014-12-28 10:54:48 +08:00 文案不错!!! |
![]() | 32 zzutmebwd 2014-12-28 10:55:14 +08:00 via Android 移动端图片拉伸变形...看起来略粗糙... |
![]() | 33 typcn 2014-12-28 10:55:21 +08:00 你要考虑的是: 妹子的IE浏览器能显示吗? |
![]() | 34 pertersonvv 2014-12-28 10:55:55 +08:00 @haofly www域名没有,这个域名专门为了表白申请的? |
35 bjtugun 2014-12-28 10:57:25 +08:00 喜闻乐见,十动然拒。 还是别搞程序员那套吧,人类的大脑还没进化到这个阶段。 |
![]() | 36 zjhui 2014-12-28 11:00:48 +08:00 via Android 这么搞,注孤生的节奏 |
![]() | 37 Mizzi 2014-12-28 11:02:27 +08:00 ![]() 没人觉得卡吗?很不流畅。。。 |
![]() | 38 justfindu 2014-12-28 11:04:14 +08:00 ![]() 你想过没有, 万一她是用IE < 9打开怎么办 - - , IE9兼容视图已经挂掉了 然后 净瞎搞 , 搞这些有的没的干毛线... 你只要告诉她, 你喜欢她,做你女喷油就够了... 这种东西一般只在已经相互好感确立关系高高情调...就是你知我知 |
![]() | 39 zzutmebwd 2014-12-28 11:04:25 +08:00 via Android 另外说下,表白应该是胜利的号角而不是发起进攻的冲锋号,这种网页表白......最多算是个二踢脚233333333333 写个情书啥的还行 表白还是当面比较有效 因为异地连当面表白都不去是不是太没诚意?亲测 别问我为什么 |
![]() | 40 aerofloyd 2014-12-28 11:06:04 +08:00 不太动人…… 你需要看一些爱情电影。 并且需要学会不仅仅以自己的角度去考虑问题…… 只有让妹子觉得你在考虑她,你能想到她在意的东西,有有可能感动到一个妹子。 |
![]() | 41 llb123 2014-12-28 11:06:16 +08:00 via Android 用手机看图瞎了 |
![]() | 42 aerofloyd 2014-12-28 11:07:54 +08:00 ![]() 其实表白是个很艰辛的东西,只有姑娘喜欢你的时候,你表白才有可能成功。 那么你还不如用你的编程技能,给姑娘解决生活难题,哪怕修电脑都比你弄这个强。 |
![]() | 43 feiyunruyue 2014-12-28 11:09:24 +08:00 女神十分感动,然后.... |
![]() | 45 medlar 2014-12-28 11:10:20 +08:00 行动最重要,不要瞎耽误工夫了,直接开口吧 |
![]() | 47 shoumu 2014-12-28 11:18:20 +08:00 我记得心形那张好像是一个人展示他和她女友交往的时间的页面,最后两人分手了。。。。 说实话,这真没啥用 |
48 danliuwo 2014-12-28 11:21:31 +08:00 IE 打开变渣渣 |
![]() | 49 zhujinliang 2014-12-28 11:21:57 +08:00 有背景音乐不早说。。。 |
![]() | 50 Wowbeing 2014-12-28 11:22:07 +08:00 这个可能行,说不定生活大爆炸里的谢尔顿就是用这种方法追到他那位美女女朋友的。 |
![]() | 51 refresh 2014-12-28 11:22:19 +08:00 ![]() 你花一周时间做一个最牛逼的网页来向妹子表白,不如买一件她喜欢的衣服,甚至不如一颗巧克力。 多么痛的领悟... |
![]() | 52 cha1 2014-12-28 11:23:09 +08:00 表白这种东西,我见我几个朋友,在QQ啊、微信这些东西表白的,失败率好高!所以,还是当面吧,至少显得有诚意多了。不好意思至少要打电话过去。表白网页,可以在你们成为恋人之后,给她一个惊喜。这个就挺好的。在表白前,你先要确定对方对你有没有意思吧。这些你得从生活细节表现出来了。比如你约她出来玩,她会不会经常出来?还是敷衍你?你微信找她,她回复你的速度如何。以前一妹子说,不和别人聊,专心和我聊。。。啊咧。。。还有,和她身边的朋友打好关系,最好是女性朋友,你和她们说你对她有意思,然后请她们吃几顿饭,她们会十分乐意帮你的,而且可以打听关于她的一些东西吧。还有,如果是头一次约对方,对方如果顾虑或者不好意思,就约她朋友一起去吧。久了熟悉了,单独约没问题。要是不确定关系,最好别太早表白,遇到会尴尬的。-.-祝好 |
![]() | 53 yaoyuan1072 2014-12-28 11:23:11 +08:00 唉,还不如送个花呢。这文案太长了。 另外,刷新网页能重新点赞,已帮你点了三个 赞; 同时也能点好啊,帮你点了三个好啊。 |
![]() | 54 oott123 2014-12-28 11:23:52 +08:00 via Android 好歹寄个礼物吧喂! 就算是淘宝直接发过去的也好啊… |
55 roychan 2014-12-28 11:24:30 +08:00 不错,不过建议表白还是现实点好。 |
56 roychan &nbs;2014-12-28 11:24:48 +08:00 以及,等你有了妹子以后和她共同更新一个私密的小博客是不错的选择。 |
![]() | 57 kmvan 2014-12-28 11:25:03 +08:00 好羞涩。。。捂脸 |
![]() | 58 zjlsxulei 2014-12-28 11:25:38 +08:00 ![]() 最后真是亮了,好啊,不好-->好的 |
![]() | 60 holdjun 2014-12-28 11:26:38 +08:00 ![]() |
![]() | 61 Wowbeing 2014-12-28 11:29:11 +08:00 从文案里面可以推测出 楼主已经被这个女生拒绝过多次->人家根本就不喜欢你好吗!而且楼主的身高好像也没有达到女生的要求。唉。真是恶心别人伤害自己。 |
62 martianyi 2014-12-28 11:33:49 +08:00 求背景音乐 |
![]() | 63 Zn37 2014-12-28 11:34:34 +08:00 感动了自己,恶心了别人,达不到对方要求还是放弃为好 |
![]() | 64 refresh 2014-12-28 11:34:40 +08:00 讲点实际的,楼主不如把这个时间和精力去做点外包,然后把赚来的钱买个什么礼物,或者请女神去她喜欢的地方玩,吃她喜欢的东西,让她觉得很happy,甚至惊喜,这样才会有效果。 |
![]() | 65 icedx 2014-12-28 11:38:25 +08:00 via Android ![]() 我打开网页的一瞬间想起了37wan 大天使之剑 |
![]() | 66 lincanbin 2014-12-28 11:41:43 +08:00 看到按钮,Bootstrap,瞬间尿了…… 好腻,这一整年在v2ex都只能看到bootstrap |
![]() | 67 irainy 2014-12-28 11:46:39 +08:00 > 表白应该是胜利的号角而不是发起进攻的冲锋号 |
68 goofansu 2014-12-28 11:49:50 +08:00 lz你想多了,妹子要的可不是网页 |
![]() | 69 yegle 2014-12-28 11:56:55 +08:00 via Android 上次拿网页表白,我好像还是初二…大约是刚好10年前吧… |
![]() | 70 loading 2014-12-28 12:08:15 +08:00 via Android ![]() 我fork的,自己加了末尾 https://github.com/YCF/Christy_gift 下到本地就行,需要联网,使用google map,具体效果可看里面的mp4文件,我当时怕她看不出效果,录下来的。 请点感谢 |
![]() | 71 Xs0ul 2014-12-28 12:10:13 +08:00 换个字体。。 |
![]() | 72 Xs0ul 2014-12-28 12:11:49 +08:00 ![]() 以及第四张那个分手了2333 |
![]() | 73 geekzu 2014-12-28 12:17:43 +08:00 via Android 。。。。。妹子浏览器伤不起啊 |
74 14 2014-12-28 12:25:01 +08:00 ![]() 似乎少写了一句: ~~~html <meta name="viewport" cOntent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> ~~~ 会导致手机打开字体很小 |
75 mugbya 2014-12-28 12:28:59 +08:00 第四张那个网页很有名呢 .... bless you! |
![]() | 76 LemonZest 2014-12-28 12:32:09 +08:00 最后一张的Dove 多芬是shenmegui?! |
77 mugbya 2014-12-28 12:32:17 +08:00 对cpu的负荷太大,赶紧优化下吧.... 不然别人卡着看不到呢 |
![]() | 78 dingyaguang117 2014-12-28 12:32:53 +08:00 除非一点即破,不然你做这些白费力气 |
![]() | 79 dong3580 2014-12-28 12:39:25 +08:00 ![]() 楼主,可以借鉴你的么?好想表白,虽然结果一样。。。 |
![]() | 80 thinkxen 2014-12-28 12:41:30 +08:00 最重要还是要给妹子一张有100万的卡~~~~ |
81 ming7435 2014-12-28 12:54:29 +08:00 点赞之前果断点了“不好吧!” |
![]() | 82 lizheming 2014-12-28 13:02:40 +08:00 背景图片让我想起了年轻的时候..2333 |
![]() | 83 ven 2014-12-28 13:03:25 +08:00 大多的妹子不喜欢这个东西吧。 |
![]() | 84 joy2everyone 2014-12-28 13:18:14 +08:00 lz,建议图片可以挑选些清晰点的好,然后我也觉得,可以面对面的表白更有勇气和效果,加油! |
![]() | 85 eric227 2014-12-28 13:19:41 +08:00 不要建网站!!! |
89 kunr 2014-12-28 13:30:31 +08:00 效果简直, 而且卡顿也很厉害 不知道是不是我的问题.. |
![]() | 90 chiledley 2014-12-28 13:34:58 +08:00 点了个 好呀! |
91 Jethro 2014-12-28 13:36:06 +08:00 ![]() 趁着元旦直接奔过去吧,网页也只能作为锦上添花吧 |
![]() | 92 grzhan 2014-12-28 13:47:19 +08:00 以前叫妹子看看自己做的一些前端效果什么的,结果还要提醒妹子不要用IE去装Chrome啥的,人家妹子看完也没觉得怎么样……况且我做这个不是表白,要真是表白估计比较尴尬 上面的V友不看好说不定大多数跟我类似甚至有血泪史的 [逃 这个jquery动画插件似乎体验不好,飘雪效果在我这边会卡,就我所知原生jquery的动画性能不大好,也许可以考虑用velocity.js做下优化或者去搞个CSS3的动画库重新撸个。 |
![]() | 93 haofly OP @lolicon @ipconfiger @zzutmebwd @aerofloyd @feiyunruyue @justfindu @eric227 @ven @dingyaguang117 @goofansu @zqhong 谢谢大家的批评和建议啦,果然,当面表白才是最重要的,这些有用没用的还是年轻时候搞一搞吧⊙⊙‖ |
![]() | 94 haofly OP |
![]() | 95 haofly OP @pertersonvv 主站是http://haofly.net,之前没有解析www |
![]() | 97 haofly OP @zhujinliang ??? |
![]() | 99 cdxem713 2014-12-28 14:31:01 +08:00 via iPhone 简直惨,叫妹子出去吃饭看电影应该效果会好很多 |
![]() | 100 xifangczy 2014-12-28 14:35:24 +08:00 ![]() 哈哈哈 曾经我也做过。。。在最后选择鼠标移动到 不好吧 这个按钮随机移动一个位置让她点不到。这简直是程序员的大杀器,做一个玩玩挺有意思的。 |