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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个专门讨论 idea 的地方。

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

那这个时候，不妨可以把那些 idea 分享出来，启发别人。

这是一个创建于 2126 天前的主题，其中的信息可能已经有所发展或是发生改变。

作者：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

url

脑洞

unicode

Hash

38 条回复 • 2019-01-21 15:11:29 +08:00

zwpaper

2019-01-19 12:44:12 +08:00 via iPhone

有意思

zwpaper

2019-01-19 12:45:41 +08:00 via iPhone

有点意思

igaozp

2019-01-19 12:46:53 +08:00

会玩

Lax

2019-01-19 12:46:54 +08:00

有意思。如果 URL 主体部分比较长就不好看了

Trumeet

2019-01-19 12:49:10 +08:00 via Android

有点意思

Acoffice

2019-01-19 12:52:17 +08:00 via Android

有点意思，还可以这么玩儿

Exia

2019-01-19 12:58:39 +08:00

赞得不行

Les1ie

2019-01-19 13:04:36 +08:00

真会玩

18x

2019-01-19 13:10:52 +08:00 via Android

历史记录被刷满了

msg7086

2019-01-19 13:12:00 +08:00

浏览器直接炸了……

keelii

2019-01-19 13:18:19 +08:00

@18x
@msg7086 已添加温馨提示 😂😂😂

ericls

2019-01-19 13:20:46 +08:00 via iPhone

@18x 你可以 replace 不 push

May725

2019-01-19 13:25:47 +08:00

返回没法用了；历史纪录一大堆；不过还是有意思！

F1024

2019-01-19 13:28:09 +08:00

这个其实很早就已经玩过了标题跑马灯只不过以前只能加特殊符号不能加表情

saran

2019-01-19 13:29:35 +08:00 via Android

(⍥(⍥(⍥(⍥(⍥;;) 惊呆惹果然历史记录已阵亡。。。

xiri

2019-01-19 14:15:30 +08:00 via Android

看了楼上说的，翻了下我的历史记录，妈耶！！！

laike9m

2019-01-19 14:20:17 +08:00 via Android

有点东西啊

jokefun

2019-01-19 14:23:11 +08:00 via Android

http://glench.com/hash

MineDog

2019-01-19 14:28:26 +08:00 via Android

@jokefun 咱这头像有缘😂

old9

2019-01-19 14:33:56 +08:00

应该可以不写历史记录的

crab

2019-01-19 14:37:00 +08:00

隐身模式看效果😂

mingl0280

2019-01-19 15:17:08 +08:00

@F1024 这个是玩的地址栏跑马灯，不是标题栏，标题栏跑马灯多好搞
不过这个玩意儿会卡历史记录很蛋疼……

lzvezr

2019-01-19 15:56:40 +08:00 via Android

咦，我记得之前有人玩过呀，是个文字冒险游戏来的

freefcw

2019-01-19 16:57:36 +08:00

不用 replace 估计硬盘就废了

icyalala

2019-01-19 17:22:57 +08:00

妈呀这历史记录😱

luoyou1014

2019-01-19 17:40:27 +08:00

为什么我火狐上面没有看到历史记录？

ooTwToo

2019-01-19 17:57:39 +08:00 via Android

URL hash 方式应该不会记录历史？

xiaomimei

2019-01-19 18:05:47 +08:00 via Android

哈哈哈哈

Zzdex

2019-01-19 18:12:09 +08:00

https://i.loli.net/2019/01/19/5c42f7e06ce08.png

卧槽历史记录要爆

miaomiao888

2019-01-19 20:19:34 +08:00

WIN7 上玩不了爱摸机

sdijeenx

2019-01-19 21:55:51 +08:00

不错，但是 Safari 默认只显示网站域名，后边的文本玩出花来也看不到╮(￣▽￣)╭

zzzzzzk

2019-01-19 22:52:31 +08:00 via Android

有点意义

Mijjj

2019-01-19 23:33:20 +08:00 via iPhone

@sdijeenx iOS 中点开 Safari 右下角的多窗口预览就能看到了

lijsh

2019-01-20 03:00:06 +08:00

这个命令行 spinner 也会用到

https://github.com/sindresorhus/cli-spinners/blob/master/spinners.json

lrxiao

2019-01-20 11:19:25 +08:00

B 站看谜之声做的 LD 竞赛记得有人做过 URL 行小恐龙游戏的

vanishcode

2019-01-20 13:11:20 +08:00 via Android

好玩⊙∀⊙！

deepkolos

2019-01-21 09:51:53 +08:00

replaceState 不会刷历史记录

Peikon

2019-01-21 15:11:29 +08:00

window.history.replaceState('','', `${location.pathname}#${s}`);