V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
keelii
V2EX  ›  奇思妙想

哈哈哈, URL 上播放 emoji 动画这个脑洞真赞~

  •  
  •   keelii · 2019-01-19 12:22:23 +08:00 · 9273 次点击
    这是一个创建于 1895 天前的主题,其中的信息可能已经有所发展或是发生改变。

    作者:http://matthewrayfield.com/articles/animating-urls-with-javascript-and-emojis/

    Youtube:https://www.youtube.com/watch?v=4YZt4HEv48Y

    主要是利用了 URL hash 变化不会刷新页面,和 unicode 中一些特殊的字符序列。

    第 1 条附言  ·  2019-01-19 13:17:53 +08:00
    温馨提示:历史记录可能会被刷满 😂
    第 2 条附言  ·  2019-01-19 14:25:08 +08:00
    附加个 Bilibili 视频链接: https://www.bilibili.com/video/av41107316
    38 条回复    2019-01-21 15:11:29 +08:00
    zwpaper
        1
    zwpaper  
       2019-01-19 12:44:12 +08:00 via iPhone
    有意思
    zwpaper
        2
    zwpaper  
       2019-01-19 12:45:41 +08:00 via iPhone
    有点意思
    igaozp
        3
    igaozp  
       2019-01-19 12:46:53 +08:00
    会玩
    Lax
        4
    Lax  
       2019-01-19 12:46:54 +08:00
    有意思。如果 URL 主体部分比较长就不好看了
    Trumeet
        5
    Trumeet  
       2019-01-19 12:49:10 +08:00 via Android
    有点意思
    Acoffice
        6
    Acoffice  
       2019-01-19 12:52:17 +08:00 via Android
    有点意思,还可以这么玩儿
    Exia
        7
    Exia  
       2019-01-19 12:58:39 +08:00
    赞得不行
    Les1ie
        8
    Les1ie  
       2019-01-19 13:04:36 +08:00
    真会玩
    18x
        9
    18x  
       2019-01-19 13:10:52 +08:00 via Android   ❤️ 1
    历史记录被刷满了
    msg7086
        10
    msg7086  
       2019-01-19 13:12:00 +08:00
    浏览器直接炸了……
    keelii
        11
    keelii  
    OP
       2019-01-19 13:18:19 +08:00
    @18x
    @msg7086 已添加温馨提示 😂😂😂
    ericls
        12
    ericls  
       2019-01-19 13:20:46 +08:00 via iPhone   ❤️ 2
    @18x 你可以 replace 不 push
    May725
        13
    May725  
       2019-01-19 13:25:47 +08:00
    返回没法用了;历史纪录一大堆;不过还是有意思!
    F1024
        14
    F1024  
       2019-01-19 13:28:09 +08:00   ❤️ 1
    这个其实很早就已经玩过了 标题跑马灯 只不过以前只能加特殊符号 不能加表情
    saran
        15
    saran  
       2019-01-19 13:29:35 +08:00 via Android
    (⍥(⍥(⍥(⍥(⍥;;) 惊呆惹 果然历史记录已阵亡。。。
    xiri
        16
    xiri  
       2019-01-19 14:15:30 +08:00 via Android
    看了楼上说的,翻了下我的历史记录,妈耶!!!
    laike9m
        17
    laike9m  
       2019-01-19 14:20:17 +08:00 via Android
    有点东西啊
    jokefun
        18
    jokefun  
       2019-01-19 14:23:11 +08:00 via Android
    MineDog
        19
    MineDog  
       2019-01-19 14:28:26 +08:00 via Android
    @jokefun 咱这头像有缘😂
    old9
        20
    old9  
       2019-01-19 14:33:56 +08:00
    应该可以不写历史记录的
    crab
        21
    crab  
       2019-01-19 14:37:00 +08:00
    隐身模式看效果😂
    mingl0280
        22
    mingl0280  
       2019-01-19 15:17:08 +08:00
    @F1024 这个是玩的地址栏跑马灯,不是标题栏,标题栏跑马灯多好搞
    不过这个玩意儿会卡历史记录很蛋疼……
    lzvezr
        23
    lzvezr  
       2019-01-19 15:56:40 +08:00 via Android
    咦,我记得之前有人玩过呀,是个文字冒险游戏来的
    freefcw
        24
    freefcw  
       2019-01-19 16:57:36 +08:00
    不用 replace 估计硬盘就废了
    icyalala
        25
    icyalala  
       2019-01-19 17:22:57 +08:00
    妈呀这历史记录😱
    luoyou1014
        26
    luoyou1014  
       2019-01-19 17:40:27 +08:00
    为什么我火狐上面没有看到历史记录?
    ooTwToo
        27
    ooTwToo  
       2019-01-19 17:57:39 +08:00 via Android
    URL hash 方式应该不会记录历史?
    xiaomimei
        28
    xiaomimei  
       2019-01-19 18:05:47 +08:00 via Android
    哈哈哈哈
    Zzdex
        29
    Zzdex  
       2019-01-19 18:12:09 +08:00
    miaomiao888
        30
    miaomiao888  
       2019-01-19 20:19:34 +08:00
    WIN7 上玩不了爱摸机
    sdijeenx
        31
    sdijeenx  
       2019-01-19 21:55:51 +08:00
    不错,但是 Safari 默认只显示网站域名,后边的文本玩出花来也看不到╮( ̄▽ ̄)╭
    zzzzzzk
        32
    zzzzzzk  
       2019-01-19 22:52:31 +08:00 via Android
    有点意义
    Mijjj
        33
    Mijjj  
       2019-01-19 23:33:20 +08:00 via iPhone
    @sdijeenx iOS 中点开 Safari 右下角的多窗口预览就能看到了
    lijsh
        34
    lijsh  
       2019-01-20 03:00:06 +08:00
    lrxiao
        35
    lrxiao  
       2019-01-20 11:19:25 +08:00
    B 站看谜之声做的 LD 竞赛记得有人做过 URL 行小恐龙游戏的
    vanishcode
        36
    vanishcode  
       2019-01-20 13:11:20 +08:00 via Android
    好玩⊙∀⊙!
    deepkolos
        37
    deepkolos  
       2019-01-21 09:51:53 +08:00
    replaceState 不会刷历史记录
    Peikon
        38
    Peikon  
       2019-01-21 15:11:29 +08:00
    window.history.replaceState('','', `${location.pathname}#${s}`);
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   980 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 20:25 · PVG 04:25 · LAX 13:25 · JFK 16:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.