做了一个表白网页，求点赞，求建议

[haofly]

受@优才网的致程序员—也许这是东半球最真诚的礼物启发，做了这么一个表白的网页，打算在元旦的时候给她

其中主要运用了优才网的部分代码以及两个插件：
fullPage.js：全屏滚动
JQuery-Snowfall：飘雪效果

作为一个一直只会后端和运维的人员，前端做起来表示压力山大呀，希望广大V友能给提供一点建议，比如网站访问速度方面、UI设计方面或者内容方面，当然，请一定滑动到最下面一页，在右上角为我点个赞

PS：每次做网页的时候都不知道该怎么对网页速度方面进行测试，不知道前端开发人员都是怎么测试的呢？

[qinix]

说好的网页呢……

[haofly]

额，V2EX不能删除或者修改文章吗，网页在这儿 http://love.haofly.net

[x86]

v友的建议是别搞这些没用的，有这功夫折腾这个，不如跟妹纸好好说

[qxc]

感觉不错，就是移动端图片会变形

[steveway]

嗯就是小心感动自己恶心别人

[002jnm]

喜欢人家好好和妹纸说别

[Pete]

感觉你做的比原来的效果差了很多
毕竟夺得妹子的心还是得靠行动

[002jnm]

竟瞎搞

[neargle]

点了个赞，但是同x86那样不建议这种方式，效果不如送花可能~
祝你表白成功！点完赞，好像帮你点“好”！

[em70]

这些东西和写诗是一样的,80年代可以用这个方法泡妞,现在女孩没那么好骗了,还是整点实际的吧,看个电影,送个礼物什么的

[haofly]

@x86 必须的呀，不过在异地嘛，等她过年回家再说

[haofly]

@qxc 前端初学，还不大会

[haofly]

@steveway 额...

[haofly]

@002jnm 嗯，#^_^#

[Vincentcow]

http://www.vxplo.cn/
http://www.maka.im/home/index.html
傻瓜一点的.....

[haofly]

亲们，我还是一个纯洁的大学生→_→

[scalaview]

LZ不想打击你 这种网站 效果真比不上 亲手在她面前说出来的好 经验之谈

[viator42]

平板上看惨不忍睹

[haofly]

@scalaview ⊙︿⊙

[victor]

单身一辈子

[haofly]

@Vincentcow 这两个网站以前看到过，但之后不知道在哪儿了，谢谢提供

[haofly]

@em70 礼物一直都有送哒

[lolicon]

这种东西，可以当成了女友之后调情的游戏，而不是你表白的筹码，没用的

[ipconfiger]

净搞这些没用的，活该单身自己撸

[Sunyanzi]

为何点「不好吧」会变成「好的」 ..?

[Raidal]

@lolicon 说的对

[aheadlead]

你要这么做 建议你买个10年的域名
[your name]love[her name].[suffix]

并挂上去，每年按时续费，坚持几年或许有辅助作用。

[zhaiduo]

单相思没有好结果

[zmr90]

个人感觉在网上找的几个表白源码都比你这个稍微好一点的说 http://love.90r.org/

[chanmaozha]

讲一点关于你们的故事多好. 写这些套话有点虚呢. 还有就是不要给妹子太大压力, 网页里要表达出即使人家好好拒绝也没有问题的意思.
^_^

[leafof]

文案不错！！！

[zzutmebwd]

移动端图片拉伸变形...看起来略粗糙...

[typcn]

你要考虑的是： 妹子的IE浏览器能显示吗？

[pertersonvv]

@haofly www域名没有,这个域名专门为了表白申请的?

[bjtugun]

喜闻乐见，十动然拒。
还是别搞程序员那套吧，人类的大脑还没进化到这个阶段。

[zjhui]

这么搞，注孤生的节奏

[Mizzi]

没人觉得卡吗？很不流畅。。。

[justfindu]

你想过没有, 万一她是用IE < 9打开怎么办 - - , IE9兼容视图已经挂掉了

然后 净瞎搞 , 搞这些有的没的干毛线... 你只要告诉她, 你喜欢她,做你女喷油就够了...

这种东西一般只在已经相互好感确立关系高高情调...就是你知我知

[zzutmebwd]

另外说下，表白应该是胜利的号角而不是发起进攻的冲锋号，这种网页表白......最多算是个二踢脚233333333333 写个情书啥的还行 表白还是当面比较有效 因为异地连当面表白都不去是不是太没诚意？亲测 别问我为什么

[aerofloyd]

不太动人……
你需要看一些爱情电影。

并且需要学会不仅仅以自己的角度去考虑问题……

只有让妹子觉得你在考虑她，你能想到她在意的东西，有有可能感动到一个妹子。

[llb123]

用手机看图瞎了

[aerofloyd]

其实表白是个很艰辛的东西，只有姑娘喜欢你的时候，你表白才有可能成功。

那么你还不如用你的编程技能，给姑娘解决生活难题，哪怕修电脑都比你弄这个强。

[feiyunruyue]

女神十分感动,然后....

[holdjun]

直接约啊。。不要废话
@Cassandra
约么

[medlar]

行动最重要，不要瞎耽误工夫了，直接开口吧

[rhwood]

@haofly 挺恶心的，不是打击你，是为你着急。。。

[shoumu]

我记得心形那张好像是一个人展示他和她女友交往的时间的页面，最后两人分手了。。。。

说实话，这真没啥用

[danliuwo]

IE 打开变渣渣

[zhujinliang]

有背景音乐不早说。。。

[Wowbeing]

这个可能行，说不定生活大爆炸里的谢尔顿就是用这种方法追到他那位美女女朋友的。

[refresh]

你花一周时间做一个最牛逼的网页来向妹子表白，不如买一件她喜欢的衣服，甚至不如一颗巧克力。
多么痛的领悟...

[zqhong]

表白这种东西，我见我几个朋友，在QQ啊、微信这些东西表白的，失败率好高！所以，还是当面吧，至少显得有诚意多了。不好意思至少要打电话过去。表白网页，可以在你们成为恋人之后，给她一个惊喜。这个就挺好的。在表白前，你先要确定对方对你有没有意思吧。这些你得从生活细节表现出来了。比如你约她出来玩，她会不会经常出来？还是敷衍你？你微信找她，她回复你的速度如何。以前一妹子说，不和别人聊，专心和我聊。。。啊咧。。。还有，和她身边的朋友打好关系，最好是女性朋友，你和她们说你对她有意思，然后请她们吃几顿饭，她们会十分乐意帮你的，而且可以打听关于她的一些东西吧。还有，如果是头一次约对方，对方如果顾虑或者不好意思，就约她朋友一起去吧。久了熟悉了，单独约没问题。要是不确定关系，最好别太早表白，遇到会尴尬的。-.-祝好

[yaoyuan1072]

唉，还不如送个花呢。这文案太长了。
另外，刷新网页能重新点赞，已帮你点了三个 赞；
同时也能点好啊，帮你点了三个好啊。

[oott123]

好歹寄个礼物吧喂！
就算是淘宝直接发过去的也好啊…

[roychan]

不错，不过建议表白还是现实点好。

[roychan]

以及，等你有了妹子以后和她共同更新一个私密的小博客是不错的选择。

[kmvan]

好羞涩。。。捂脸

[zjlsxulei]

最后真是亮了，好啊，不好-->好的

[zqhong]

@refresh G点不同　233

[holdjun]

@refresh 你花一周时间做一个最牛逼的网页来向妹子表白，不如买一件她喜欢的衣服，甚至不如一颗巧克力。
不如一起吃个饭，看个片。打个电动
很晚了 。。今晚不要走咯0 0
悲惨觉悟

[Wowbeing]

从文案里面可以推测出
楼主已经被这个女生拒绝过多次->人家根本就不喜欢你好吗！而且楼主的身高好像也没有达到女生的要求。唉。真是恶心别人伤害自己。

[martianyi]

求背景音乐

[Zn37]

感动了自己，恶心了别人，达不到对方要求还是放弃为好

[refresh]

讲点实际的，楼主不如把这个时间和精力去做点外包，然后把赚来的钱买个什么礼物，或者请女神去她喜欢的地方玩，吃她喜欢的东西，让她觉得很happy，甚至惊喜，这样才会有效果。

[icedx]

我打开网页的一瞬间想起了37wan 大天使之剑

[lincanbin]

看到按钮，Bootstrap，瞬间尿了……
好腻，这一整年在v2ex都只能看到bootstrap

[irainy]

> 表白应该是胜利的号角而不是发起进攻的冲锋号

[goofansu]

lz你想多了，妹子要的可不是网页

[yegle]

上次拿网页表白，我好像还是初二…大约是刚好10年前吧…

[loading]

我fork的，自己加了末尾

https://github.com/YCF/Christy_gift

下到本地就行，需要联网，使用google map，具体效果可看里面的mp4文件，我当时怕她看不出效果，录下来的。


请点感谢

[Xs0ul]

换个字体。。

[Xs0ul]

以及第四张那个分手了2333

[geekzu]

。。。。。妹子浏览器伤不起啊

[14]

似乎少写了一句：
~~~html
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
~~~
会导致手机打开字体很小

[mugbya]

第四张那个网页很有名呢 .... bless you!

[sunshower]

最后一张的Dove 多芬是shenmegui？！

[mugbya]

对cpu的负荷太大，赶紧优化下吧.... 不然别人卡着看不到呢

[dingyaguang117]

除非一点即破，不然你做这些白费力气

[dong3580]

楼主，可以借鉴你的么？好想表白，虽然结果一样。。。

[thinkxen]

最重要还是要给妹子一张有100万的卡~~~~

[ming7435]

点赞之前果断点了“不好吧！”

[lizheming]

背景图片让我想起了年轻的时候..2333

[ven]

大多的妹子不喜欢这个东西吧。

[joy2everyone]

lz，建议图片可以挑选些清晰点的好，然后我也觉得，可以面对面的表白更有勇气和效果，加油！

[eric227]

不要建网站！！！

[haofly]

@aheadlead 。。。

[haofly]

@Raidal 这个，故意的^_^

[haofly]

@typcn 专门问了的，是猎豹，哈哈

[kunr]

效果简直, 而且卡顿也很厉害 不知道是不是我的问题..

[chiledley]

点了个 好呀！

[Jethro]

趁着元旦直接奔过去吧，网页也只能作为锦上添花吧

[grzhan]

以前叫妹子看看自己做的一些前端效果什么的，结果还要提醒妹子不要用IE去装Chrome啥的，人家妹子看完也没觉得怎么样……况且我做这个不是表白，要真是表白估计比较尴尬

上面的V友不看好说不定大多数跟我类似甚至有血泪史的 [逃

这个jquery动画插件似乎体验不好，飘雪效果在我这边会卡，就我所知原生jquery的动画性能不大好，也许可以考虑用velocity.js做下优化或者去搞个CSS3的动画库重新撸个。

[haofly]

@lolicon
@ipconfiger
@zzutmebwd
@aerofloyd
@feiyunruyue
@justfindu
@eric227
@ven
@dingyaguang117
@goofansu
@zqhong 谢谢大家的批评和建议啦，果然，当面表白才是最重要的，这些有用没用的还是年轻时候搞一搞吧⊙﹏⊙‖∣

[haofly]

@zmr90 @Mizzi @justfindu @llb123 @danliuwo @icedx @14 @Xs0ul @grzhan
额，谢谢这几位对网页的建议，由于我也刚开始接触前端几天，而且知道妹子用的是猎豹浏览器，所以在兼容性方面几乎没有考虑过，今后我会注意的，从你们的建议中我也学到了一些前端的知识，那个飘雪效果确实性能太差了...

[haofly]

@pertersonvv 主站是http://haofly.net，之前没有解析www

[haofly]

@shoumu 额，着你都知道

[haofly]

@zhujinliang ？？？

[haofly]

@refresh 多么痛的领悟

[cdxem713]

简直惨，叫妹子出去吃饭看电影应该效果会好很多

[xifangczy]

哈哈哈 曾经我也做过。。。在最后选择鼠标移动到 不好吧 这个按钮随机移动一个位置让她点不到。这简直是程序员的大杀器，做一个玩玩挺有意思的。