V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xcatliu
V2EX  ›  程序员

撸了一个三行情诗表白网页,可朋友圈分享,但是卡爆了

  •  
  •   xcatliu ·
    xcatliu · 2015-08-20 02:01:44 +08:00 · 6171 次点击
    这是一个创建于 3419 天前的主题,其中的信息可能已经有所发展或是发生改变。

    请在手机上访问(或者把 Chrome 开发者模式打开,调整为 iPhone 6[+] 模式)

    链接: http://xcatliu.github.io/rose/

    GitHub : https://github.com/xcatliu/rose

    由于网站太简单了只有 100+ 行代码,所以 css js 都 inline 了,但是由于直接 copy 了那个玫瑰花,导致在手机上(我用的 iPhone 5s )卡爆了。

    为了确保不会卡爆了,发给女神前请确认她使用的 iPhone 6[+],否则请送她一个 iPhone 6[+]。

    朋友圈分享方法:

    1. 随便和谁说一句话: http://xcatliu.github.io/rose/
    2. 点进链接,输入三行情诗,并点击确认
    3. 点击右上角分享
    第 1 条附言  ·  2015-08-20 07:36:45 +08:00

    修复了电脑上的样式,现在可以通过电脑访问和分享了

    第 2 条附言  ·  2015-08-20 08:23:05 +08:00

    微信朋友圈分享,会显示该网页已被排版,然后就一片空白了。。。我还没有认证的公众号,有没有朋友可以帮我把我的域名添加到不重新排版的白名单里面?感激不尽

    域名: xcatliu.github.io

    Q :如何让我的网页不被重新排版?

    A :如果你是网页的开发者,不想让自己的网页被重新排版,可以申请一个认证公众号并绑定此域名。

    设置方法:
    登录认证公众号(微信公众平台官网: http://mp.weixin.qq.com )->公众号设置->功能设置->业务域名->添加你的域名,如下图:

    60 条回复    2015-08-21 09:21:45 +08:00
    xmoon
        1
    xmoon  
       2015-08-20 03:04:02 +08:00   ❤️ 1
    安卓看到一大堆像素点 但一点都不卡
    zerh925
        2
    zerh925  
       2015-08-20 03:53:16 +08:00 via iPhone   ❤️ 1
    点子很好,但是不得不吐槽一下那个玫瑰一股上世纪 flash 网站的即视感。哈哈哈哈
    sigone
        3
    sigone  
       2015-08-20 06:19:55 +08:00 via Android   ❤️ 1
    小米平板 > 小米 note (标准) > 红米
    平板流畅, note 次之,红米勉强能转。
    这是在考验 gpu
    tiange
        4
    tiange  
       2015-08-20 06:25:17 +08:00   ❤️ 1
    不错啊!赞!我也刚刚写了一个,才 post 出来, http://v2ex.com/t/214431
    xcatliu
        5
    xcatliu  
    OP
       2015-08-20 07:16:26 +08:00
    @xmoon 女神怎么会用 Android 机?我就不做兼容啦
    xcatliu
        6
    xcatliu  
    OP
       2015-08-20 07:17:30 +08:00   ❤️ 1
    @zerh925 其实就是 copy 的这个玫瑰花

    http://js1k.com/2012-love/demo/1100

    能用 1k 的代码写出一朵玫瑰花,当时看到这个就被震惊了
    xcatliu
        7
    xcatliu  
    OP
       2015-08-20 07:17:59 +08:00
    @sigone 是。。我的手机卡爆了,烫死了
    xcatliu
        8
    xcatliu  
    OP
       2015-08-20 07:19:33 +08:00
    @tiange 赞一个~
    mianju
        9
    mianju  
       2015-08-20 07:28:31 +08:00   ❤️ 1
    电脑看感觉好怪> <
    xcatliu
        10
    xcatliu  
    OP
       2015-08-20 07:34:28 +08:00
    @mianju 刚修复了电脑上的样式,可以再访问试试
    mianju
        11
    mianju  
       2015-08-20 07:39:57 +08:00   ❤️ 1
    好多了
    cys
        12
    cys  
       2015-08-20 08:23:55 +08:00   ❤️ 1
    点进去,第一个反映就是晕,恶心,难受。
    wezzard
        13
    wezzard  
       2015-08-20 08:31:12 +08:00 via iPhone   ❤️ 1
    沒品味
    xcatliu
        14
    xcatliu  
    OP
       2015-08-20 08:35:58 +08:00
    @cys 为啥会晕?
    xcatliu
        15
    xcatliu  
    OP
       2015-08-20 08:36:27 +08:00
    @wezzard 玫瑰不是我写的。。。
    miniwade514
        16
    miniwade514  
       2015-08-20 08:50:04 +08:00   ❤️ 1
    思路不错
    simodorg
        17
    simodorg  
       2015-08-20 08:52:09 +08:00   ❤️ 1
    然而玫瑰丑爆了...
    xcatliu
        18
    xcatliu  
    OP
       2015-08-20 08:58:02 +08:00
    @simodorg 1k 的代码,能写成这样已经是神作了
    Ouyangan
        19
    Ouyangan  
       2015-08-20 09:01:01 +08:00   ❤️ 1
    喜欢这种复古风...
    snowspace
        20
    snowspace  
       2015-08-20 09:02:54 +08:00   ❤️ 1
    电脑打开的,简直是。。。
    xcatliu
        21
    xcatliu  
    OP
       2015-08-20 09:19:25 +08:00
    @snowspace 现在应该已经修复了电脑上的样式了
    jiang42
        22
    jiang42  
       2015-08-20 09:50:52 +08:00 via Android   ❤️ 1
    @xcatliu 你这是已经为女神卖肾了?
    twitterpig
        23
    twitterpig  
       2015-08-20 09:53:27 +08:00 via Android   ❤️ 1
    NEXUS5 一点都不卡!
    xcatliu
        24
    xcatliu  
    OP
       2015-08-20 10:08:49 +08:00
    @twitterpig 赞!
    xcatliu
        25
    xcatliu  
    OP
       2015-08-20 10:09:09 +08:00   ❤️ 1
    @jiang42 以前卖过一个,现在又长出来了
    EyreFree
        26
    EyreFree  
       2015-08-20 10:10:48 +08:00   ❤️ 1
    好棒的玫瑰花,赞一个!
    SmiteChow
        27
    SmiteChow  
       2015-08-20 11:10:32 +08:00   ❤️ 1
    不错噢,要是再漂亮点就好啦
    jiang42
        28
    jiang42  
       2015-08-20 11:11:27 +08:00 via Android   ❤️ 1
    @xcatliu 所以九月准备再卖一个么?
    shakoon
        29
    shakoon  
       2015-08-20 11:32:57 +08:00   ❤️ 1
    @xcatliu 6 楼这些 demo 都很不错啊
    ljbha007
        30
    ljbha007  
       2015-08-20 11:39:22 +08:00   ❤️ 1
    贴图质量和字体可以改进一下
    septxiao
        31
    septxiao  
       2015-08-20 11:41:22 +08:00   ❤️ 1
    玫瑰花好假。。。
    xcatliu
        32
    xcatliu  
    OP
       2015-08-20 11:48:33 +08:00
    @EyreFree 多谢!
    xcatliu
        33
    xcatliu  
    OP
       2015-08-20 11:49:25 +08:00
    @SmiteChow 还没仔细研究如何画玫瑰花,等我研究了争取画个好看点的
    Mihuwa
        34
    Mihuwa  
       2015-08-20 11:49:40 +08:00   ❤️ 1
    呃,缺乏美感。
    xcatliu
        35
    xcatliu  
    OP
       2015-08-20 11:49:56 +08:00
    @jiang42 卖吧
    xcatliu
        36
    xcatliu  
    OP
       2015-08-20 11:50:19 +08:00
    @shakoon 是,一群超有才的人
    ljbha007
        37
    ljbha007  
       2015-08-20 11:50:45 +08:00   ❤️ 1
    写了一首准备分享到朋友圈却发现配上玫瑰花意境一下都没了 于是作罢
    xcatliu
        38
    xcatliu  
    OP
       2015-08-20 11:51:03 +08:00
    @ljbha007 玫瑰是 canvas 画的,得研究下怎么改进
    xcatliu
        39
    xcatliu  
    OP
       2015-08-20 11:51:46 +08:00
    @septxiao 复古风了😢
    xcatliu
        40
    xcatliu  
    OP
       2015-08-20 11:52:10 +08:00
    @ljbha007 不要这么直接😭
    xcatliu
        41
    xcatliu  
    OP
       2015-08-20 11:52:56 +08:00
    @Mihuwa 突然发现还不如用动态图
    paloalto
        42
    paloalto  
       2015-08-20 11:53:39 +08:00   ❤️ 1
    打算写一个程序:
    1 一键自动生成三行情书
    2 界面上没有玫瑰花之类的装饰
    xcatliu
        43
    xcatliu  
    OP
       2015-08-20 11:56:45 +08:00
    @paloalto 玫瑰花🌹有这么丑么
    Changxu
        45
    Changxu  
       2015-08-20 13:53:20 +08:00   ❤️ 1
    好丑
    fds
        46
    fds  
       2015-08-20 13:56:19 +08:00   ❤️ 1
    很棒!支持
    ljbha007
        48
    ljbha007  
       2015-08-20 14:07:52 +08:00   ❤️ 1
    @Justrover
    @Coxxs
    叼叼叼
    ljbha007
        49
    ljbha007  
       2015-08-20 14:08:37 +08:00   ❤️ 1
    楼主创意还是很棒的 就是玫瑰太俗 很难跟三行情诗搭调
    sunpj
        50
    sunpj  
       2015-08-20 15:59:33 +08:00   ❤️ 1
    女朋友表示很感动,感谢楼主!
    xcatliu
        51
    xcatliu  
    OP
       2015-08-20 16:09:28 +08:00
    @Justrover 碉堡了
    xcatliu
        52
    xcatliu  
    OP
       2015-08-20 16:09:54 +08:00
    @Changxu 有那么丑么。。
    xcatliu
        53
    xcatliu  
    OP
       2015-08-20 16:10:02 +08:00
    @fds 感谢!
    xcatliu
        54
    xcatliu  
    OP
       2015-08-20 16:10:27 +08:00
    @Coxxs
    xcatliu
        55
    xcatliu  
    OP
       2015-08-20 16:10:46 +08:00
    @ljbha007 那配什么比较好呢?
    xcatliu
        56
    xcatliu  
    OP
       2015-08-20 16:11:06 +08:00
    @sunpj 不用谢,我叫雷锋
    baiyemao
        57
    baiyemao  
       2015-08-20 21:55:15 +08:00
    感谢楼主,朋友很感动.
    caixiexin
        58
    caixiexin  
       2015-08-20 22:12:41 +08:00
    说起来我之前收集了 1k 玫瑰的另外一个版本- -||
    http://www.nowamagic.net/librarys/veda/detail/1345
    fecho
        59
    fecho  
       2015-08-20 22:13:58 +08:00
    请把 xss 禁了啊...
    ljbha007
        60
    ljbha007  
       2015-08-21 09:21:45 +08:00
    @xcatliu 樱花飘落 或者信封、纸笔什么的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2883 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 13:42 · PVG 21:42 · LAX 05:42 · JFK 08:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.