V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
haofly
V2EX  ›  程序员

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

  •  9
     
  •   haofly · 2014-12-28 10:20:53 +08:00 · 22397 次点击
    这是一个创建于 3616 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    173 条回复    2016-03-30 13:46:02 +08:00
    1  2  
    qinix
        1
    qinix  
       2014-12-28 10:22:59 +08:00 via iPhone   ❤️ 1
    说好的网页呢……
    haofly
        2
    haofly  
    OP
       2014-12-28 10:25:56 +08:00   ❤️ 1
    额,V2EX不能删除或者修改文章吗,网页在这儿 http://love.haofly.net
    x86
        3
    x86  
       2014-12-28 10:26:11 +08:00 via iPhone   ❤️ 1
    v友的建议是别搞这些没用的,有这功夫折腾这个,不如跟妹纸好好说
    qxc
        4
    qxc  
       2014-12-28 10:30:14 +08:00   ❤️ 1
    感觉不错,就是移动端图片会变形
    steveway
        5
    steveway  
       2014-12-28 10:31:14 +08:00   ❤️ 9
    嗯就是小心感动自己恶心别人
    002jnm
        6
    002jnm  
       2014-12-28 10:33:05 +08:00 via iPhone   ❤️ 1
    喜欢人家好好和妹纸说别
    Pete
        7
    Pete  
       2014-12-28 10:33:08 +08:00 via Android   ❤️ 1
    感觉你做的比原来的效果差了很多
    毕竟夺得妹子的心还是得靠行动
    002jnm
        8
    002jnm  
       2014-12-28 10:33:24 +08:00 via iPhone   ❤️ 1
    竟瞎搞
    neargle
        9
    neargle  
       2014-12-28 10:33:37 +08:00   ❤️ 1
    点了个赞,但是同x86那样不建议这种方式,效果不如送花可能~
    祝你表白成功!点完赞,好像帮你点“好”!
    em70
        10
    em70  
       2014-12-28 10:34:18 +08:00   ❤️ 2
    这些东西和写诗是一样的,80年代可以用这个方法泡妞,现在女孩没那么好骗了,还是整点实际的吧,看个电影,送个礼物什么的
    haofly
        11
    haofly  
    OP
       2014-12-28 10:36:47 +08:00
    @x86 必须的呀,不过在异地嘛,等她过年回家再说
    haofly
        12
    haofly  
    OP
       2014-12-28 10:37:16 +08:00
    @qxc 前端初学,还不大会
    haofly
        13
    haofly  
    OP
       2014-12-28 10:37:26 +08:00
    @steveway 额...
    haofly
        14
    haofly  
    OP
       2014-12-28 10:37:55 +08:00
    @002jnm 嗯,#^_^#
    Vincentcow
        15
    Vincentcow  
       2014-12-28 10:38:07 +08:00   ❤️ 2
    haofly
        16
    haofly  
    OP
       2014-12-28 10:38:24 +08:00
    亲们,我还是一个纯洁的大学生→_→
    scalaview
        17
    scalaview  
       2014-12-28 10:38:39 +08:00   ❤️ 1
    LZ不想打击你 这种网站 效果真比不上 亲手在她面前说出来的好 经验之谈
    viator42
        18
    viator42  
       2014-12-28 10:39:20 +08:00 via Android
    平板上看惨不忍睹
    haofly
        19
    haofly  
    OP
       2014-12-28 10:40:43 +08:00
    @scalaview ⊙︿⊙
    victor
        20
    victor  
       2014-12-28 10:41:55 +08:00
    单身一辈子
    haofly
        21
    haofly  
    OP
       2014-12-28 10:42:34 +08:00
    @Vincentcow 这两个网站以前看到过,但之后不知道在哪儿了,谢谢提供
    haofly
        22
    haofly  
    OP
       2014-12-28 10:43:43 +08:00
    @em70 礼物一直都有送哒
    lolicon
        23
    lolicon  
       2014-12-28 10:44:12 +08:00 via Android   ❤️ 1
    这种东西,可以当成了女友之后调情的游戏,而不是你表白的筹码,没用的
    ipconfiger
        24
    ipconfiger  
       2014-12-28 10:44:21 +08:00
    净搞这些没用的,活该单身自己撸
    Sunyanzi
        25
    Sunyanzi  
       2014-12-28 10:46:17 +08:00   ❤️ 2
    为何点「不好吧」会变成「好的」 ..?
    Raidal
        26
    Raidal  
       2014-12-28 10:46:55 +08:00   ❤️ 1
    @lolicon 说的对
    aheadlead
        27
    aheadlead  
       2014-12-28 10:47:01 +08:00   ❤️ 1
    你要这么做 建议你买个10年的域名
    [your name]love[her name].[suffix]

    并挂上去,每年按时续费,坚持几年或许有辅助作用。
    zhaiduo
        28
    zhaiduo  
       2014-12-28 10:47:39 +08:00 via Android
    单相思没有好结果
    zmr90
        29
    zmr90  
       2014-12-28 10:50:05 +08:00   ❤️ 2
    个人感觉在网上找的几个表白源码都比你这个稍微好一点的说 http://love.90r.org/
    chanmaozha
        30
    chanmaozha  
       2014-12-28 10:51:25 +08:00   ❤️ 1
    讲一点关于你们的故事多好. 写这些套话有点虚呢. 还有就是不要给妹子太大压力, 网页里要表达出即使人家好好拒绝也没有问题的意思.
    ^_^
    leafof
        31
    leafof  
       2014-12-28 10:54:48 +08:00
    文案不错!!!
    zzutmebwd
        32
    zzutmebwd  
       2014-12-28 10:55:14 +08:00 via Android
    移动端图片拉伸变形...看起来略粗糙...
    typcn
        33
    typcn  
       2014-12-28 10:55:21 +08:00
    你要考虑的是: 妹子的IE浏览器能显示吗?
    pertersonvv
        34
    pertersonvv  
       2014-12-28 10:55:55 +08:00
    @haofly www域名没有,这个域名专门为了表白申请的?
    bjtugun
        35
    bjtugun  
       2014-12-28 10:57:25 +08:00
    喜闻乐见,十动然拒。
    还是别搞程序员那套吧,人类的大脑还没进化到这个阶段。
    zjhui
        36
    zjhui  
       2014-12-28 11:00:48 +08:00 via Android
    这么搞,注孤生的节奏
    Mizzi
        37
    Mizzi  
       2014-12-28 11:02:27 +08:00   ❤️ 1
    没人觉得卡吗?很不流畅。。。
    justfindu
        38
    justfindu  
       2014-12-28 11:04:14 +08:00   ❤️ 2
    你想过没有, 万一她是用IE < 9打开怎么办 - - , IE9兼容视图已经挂掉了

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

    这种东西一般只在已经相互好感确立关系高高情调...就是你知我知
    zzutmebwd
        39
    zzutmebwd  
       2014-12-28 11:04:25 +08:00 via Android
    另外说下,表白应该是胜利的号角而不是发起进攻的冲锋号,这种网页表白......最多算是个二踢脚233333333333 写个情书啥的还行 表白还是当面比较有效 因为异地连当面表白都不去是不是太没诚意?亲测 别问我为什么
    aerofloyd
        40
    aerofloyd  
       2014-12-28 11:06:04 +08:00
    不太动人……
    你需要看一些爱情电影。

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

    只有让妹子觉得你在考虑她,你能想到她在意的东西,有有可能感动到一个妹子。
    llb123
        41
    llb123  
       2014-12-28 11:06:16 +08:00 via Android
    用手机看图瞎了
    aerofloyd
        42
    aerofloyd  
       2014-12-28 11:07:54 +08:00   ❤️ 2
    其实表白是个很艰辛的东西,只有姑娘喜欢你的时候,你表白才有可能成功。

    那么你还不如用你的编程技能,给姑娘解决生活难题,哪怕修电脑都比你弄这个强。
    feiyunruyue
        43
    feiyunruyue  
       2014-12-28 11:09:24 +08:00
    女神十分感动,然后....
    holdjun
        44
    holdjun  
       2014-12-28 11:10:11 +08:00
    直接约啊。。不要废话
    @Cassandra
    约么
    medlar
        45
    medlar  
       2014-12-28 11:10:20 +08:00
    行动最重要,不要瞎耽误工夫了,直接开口吧
    rhwood
        46
    rhwood  
       2014-12-28 11:15:28 +08:00
    @haofly 挺恶心的,不是打击你,是为你着急。。。
    shoumu
        47
    shoumu  
       2014-12-28 11:18:20 +08:00
    我记得心形那张好像是一个人展示他和她女友交往的时间的页面,最后两人分手了。。。。

    说实话,这真没啥用
    danliuwo
        48
    danliuwo  
       2014-12-28 11:21:31 +08:00
    IE 打开变渣渣
    zhujinliang
        49
    zhujinliang  
       2014-12-28 11:21:57 +08:00
    有背景音乐不早说。。。
    Wowbeing
        50
    Wowbeing  
       2014-12-28 11:22:07 +08:00
    这个可能行,说不定生活大爆炸里的谢尔顿就是用这种方法追到他那位美女女朋友的。
    refresh
        51
    refresh  
       2014-12-28 11:22:19 +08:00   ❤️ 2
    你花一周时间做一个最牛逼的网页来向妹子表白,不如买一件她喜欢的衣服,甚至不如一颗巧克力。
    多么痛的领悟...
    zqhong
        52
    zqhong  
       2014-12-28 11:23:09 +08:00
    表白这种东西,我见我几个朋友,在QQ啊、微信这些东西表白的,失败率好高!所以,还是当面吧,至少显得有诚意多了。不好意思至少要打电话过去。表白网页,可以在你们成为恋人之后,给她一个惊喜。这个就挺好的。在表白前,你先要确定对方对你有没有意思吧。这些你得从生活细节表现出来了。比如你约她出来玩,她会不会经常出来?还是敷衍你?你微信找她,她回复你的速度如何。以前一妹子说,不和别人聊,专心和我聊。。。啊咧。。。还有,和她身边的朋友打好关系,最好是女性朋友,你和她们说你对她有意思,然后请她们吃几顿饭,她们会十分乐意帮你的,而且可以打听关于她的一些东西吧。还有,如果是头一次约对方,对方如果顾虑或者不好意思,就约她朋友一起去吧。久了熟悉了,单独约没问题。要是不确定关系,最好别太早表白,遇到会尴尬的。-.-祝好
    yaoyuan1072
        53
    yaoyuan1072  
       2014-12-28 11:23:11 +08:00
    唉,还不如送个花呢。这文案太长了。
    另外,刷新网页能重新点赞,已帮你点了三个 赞;
    同时也能点好啊,帮你点了三个好啊。
    oott123
        54
    oott123  
       2014-12-28 11:23:52 +08:00 via Android
    好歹寄个礼物吧喂!
    就算是淘宝直接发过去的也好啊…
    roychan
        55
    roychan  
       2014-12-28 11:24:30 +08:00
    不错,不过建议表白还是现实点好。
    roychan
        56
    roychan  
       2014-12-28 11:24:48 +08:00
    以及,等你有了妹子以后和她共同更新一个私密的小博客是不错的选择。
    kmvan
        57
    kmvan  
       2014-12-28 11:25:03 +08:00
    好羞涩。。。捂脸
    zjlsxulei
        58
    zjlsxulei  
       2014-12-28 11:25:38 +08:00   ❤️ 1
    最后真是亮了,好啊,不好-->好的
    zqhong
        59
    zqhong  
       2014-12-28 11:25:57 +08:00
    @refresh G点不同 233
    holdjun
        60
    holdjun  
       2014-12-28 11:26:38 +08:00   ❤️ 2
    @refresh 你花一周时间做一个最牛逼的网页来向妹子表白,不如买一件她喜欢的衣服,甚至不如一颗巧克力。
    不如一起吃个饭,看个片。打个电动
    很晚了 。。今晚不要走咯0 0
    悲惨觉悟
    Wowbeing
        61
    Wowbeing  
       2014-12-28 11:29:11 +08:00
    从文案里面可以推测出
    楼主已经被这个女生拒绝过多次->人家根本就不喜欢你好吗!而且楼主的身高好像也没有达到女生的要求。唉。真是恶心别人伤害自己。
    martianyi
        62
    martianyi  
       2014-12-28 11:33:49 +08:00
    求背景音乐
    Zn37
        63
    Zn37  
       2014-12-28 11:34:34 +08:00
    感动了自己,恶心了别人,达不到对方要求还是放弃为好
    refresh
        64
    refresh  
       2014-12-28 11:34:40 +08:00
    讲点实际的,楼主不如把这个时间和精力去做点外包,然后把赚来的钱买个什么礼物,或者请女神去她喜欢的地方玩,吃她喜欢的东西,让她觉得很happy,甚至惊喜,这样才会有效果。
    icedx
        65
    icedx  
       2014-12-28 11:38:25 +08:00 via Android   ❤️ 1
    我打开网页的一瞬间想起了37wan 大天使之剑
    lincanbin
        66
    lincanbin  
       2014-12-28 11:41:43 +08:00
    看到按钮,Bootstrap,瞬间尿了……
    好腻,这一整年在v2ex都只能看到bootstrap
    irainy
        67
    irainy  
       2014-12-28 11:46:39 +08:00
    > 表白应该是胜利的号角而不是发起进攻的冲锋号
    goofansu
        68
    goofansu  
       2014-12-28 11:49:50 +08:00
    lz你想多了,妹子要的可不是网页
    yegle
        69
    yegle  
       2014-12-28 11:56:55 +08:00 via Android
    上次拿网页表白,我好像还是初二…大约是刚好10年前吧…
    loading
        70
    loading  
       2014-12-28 12:08:15 +08:00 via Android   ❤️ 1
    我fork的,自己加了末尾

    https://github.com/YCF/Christy_gift

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


    请点感谢
    Xs0ul
        71
    Xs0ul  
       2014-12-28 12:10:13 +08:00
    换个字体。。
    Xs0ul
        72
    Xs0ul  
       2014-12-28 12:11:49 +08:00   ❤️ 1
    以及第四张那个分手了2333
    geekzu
        73
    geekzu  
       2014-12-28 12:17:43 +08:00 via Android
    。。。。。妹子浏览器伤不起啊
    14
        74
    14  
       2014-12-28 12:25:01 +08:00   ❤️ 1
    似乎少写了一句:
    ~~~html
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    ~~~
    会导致手机打开字体很小
    mugbya
        75
    mugbya  
       2014-12-28 12:28:59 +08:00
    第四张那个网页很有名呢 .... bless you!
    sunshower
        76
    sunshower  
       2014-12-28 12:32:09 +08:00
    最后一张的Dove 多芬是shenmegui?!
    mugbya
        77
    mugbya  
       2014-12-28 12:32:17 +08:00
    对cpu的负荷太大,赶紧优化下吧.... 不然别人卡着看不到呢
    dingyaguang117
        78
    dingyaguang117  
       2014-12-28 12:32:53 +08:00
    除非一点即破,不然你做这些白费力气
    dong3580
        79
    dong3580  
       2014-12-28 12:39:25 +08:00   ❤️ 1
    楼主,可以借鉴你的么?好想表白,虽然结果一样。。。
    thinkxen
        80
    thinkxen  
       2014-12-28 12:41:30 +08:00
    最重要还是要给妹子一张有100万的卡~~~~
    ming7435
        81
    ming7435  
       2014-12-28 12:54:29 +08:00
    点赞之前果断点了“不好吧!”
    lizheming
        82
    lizheming  
       2014-12-28 13:02:40 +08:00
    背景图片让我想起了年轻的时候..2333
    ven
        83
    ven  
       2014-12-28 13:03:25 +08:00
    大多的妹子不喜欢这个东西吧。
    joy2everyone
        84
    joy2everyone  
       2014-12-28 13:18:14 +08:00
    lz,建议图片可以挑选些清晰点的好,然后我也觉得,可以面对面的表白更有勇气和效果,加油!
    eric227
        85
    eric227  
       2014-12-28 13:19:41 +08:00
    不要建网站!!!
    haofly
        86
    haofly  
    OP
       2014-12-28 13:21:48 +08:00
    @aheadlead 。。。
    haofly
        87
    haofly  
    OP
       2014-12-28 13:22:12 +08:00
    @Raidal 这个,故意的^_^
    haofly
        88
    haofly  
    OP
       2014-12-28 13:24:35 +08:00
    @typcn 专门问了的,是猎豹,哈哈
    kunr
        89
    kunr  
       2014-12-28 13:30:31 +08:00
    效果简直, 而且卡顿也很厉害 不知道是不是我的问题..
    chiledley
        90
    chiledley  
       2014-12-28 13:34:58 +08:00
    点了个 好呀!
    Jethro
        91
    Jethro  
       2014-12-28 13:36:06 +08:00   ❤️ 1
    趁着元旦直接奔过去吧,网页也只能作为锦上添花吧
    grzhan
        92
    grzhan  
       2014-12-28 13:47:19 +08:00
    以前叫妹子看看自己做的一些前端效果什么的,结果还要提醒妹子不要用IE去装Chrome啥的,人家妹子看完也没觉得怎么样……况且我做这个不是表白,要真是表白估计比较尴尬

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

    这个jquery动画插件似乎体验不好,飘雪效果在我这边会卡,就我所知原生jquery的动画性能不大好,也许可以考虑用velocity.js做下优化或者去搞个CSS3的动画库重新撸个。
    haofly
        93
    haofly  
    OP
       2014-12-28 13:48:17 +08:00
    @lolicon
    @ipconfiger
    @zzutmebwd
    @aerofloyd
    @feiyunruyue
    @justfindu
    @eric227
    @ven
    @dingyaguang117
    @goofansu
    @zqhong 谢谢大家的批评和建议啦,果然,当面表白才是最重要的,这些有用没用的还是年轻时候搞一搞吧⊙﹏⊙‖∣
    haofly
        94
    haofly  
    OP
       2014-12-28 13:56:23 +08:00
    @zmr90 @Mizzi @justfindu @llb123 @danliuwo @icedx @14 @Xs0ul @grzhan
    额,谢谢这几位对网页的建议,由于我也刚开始接触前端几天,而且知道妹子用的是猎豹浏览器,所以在兼容性方面几乎没有考虑过,今后我会注意的,从你们的建议中我也学到了一些前端的知识,那个飘雪效果确实性能太差了...
    haofly
        95
    haofly  
    OP
       2014-12-28 13:58:01 +08:00
    @pertersonvv 主站是http://haofly.net,之前没有解析www
    haofly
        96
    haofly  
    OP
       2014-12-28 14:26:37 +08:00
    @shoumu 额,着你都知道
    haofly
        97
    haofly  
    OP
       2014-12-28 14:26:53 +08:00
    @zhujinliang ???
    haofly
        98
    haofly  
    OP
       2014-12-28 14:27:16 +08:00
    @refresh 多么痛的领悟
    cdxem713
        99
    cdxem713  
       2014-12-28 14:31:01 +08:00 via iPhone
    简直惨,叫妹子出去吃饭看电影应该效果会好很多
    xifangczy
        100
    xifangczy  
       2014-12-28 14:35:24 +08:00   ❤️ 1
    哈哈哈 曾经我也做过。。。在最后选择鼠标移动到 不好吧 这个按钮随机移动一个位置让她点不到。这简直是程序员的大杀器,做一个玩玩挺有意思的。
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1041 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 19:32 · PVG 03:32 · LAX 11:32 · JFK 14:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.