dw2693734d

这前端效果是不是有点逆天了

  •  
  •   dw2693734d · Nov 23, 2023 · 11856 views
    This topic created in 1079 days ago, the information mentioned may be changed or developed.
    68 replies  •  2023-11-25 08:48:02 +08:00
    draven511250
    draven511250
    Nov 23, 2023
    1
    挺好玩的,但是没法用在工作中🐶
    doco
    doco
    Nov 23, 2023
    2
    好奇怎么实现的
    vk4LNh8gE08SBd9V
    vk4LNh8gE08SBd9V
    Nov 23, 2023
    3
    厚礼谢特
    Jinyang7
    Jinyang7
    Nov 23, 2023
    4
    牛啊,两个页面竟然能交互
    justfindu
    justfindu
    Nov 23, 2023
    5
    啊
    wweerrgtc
    wweerrgtc
    Nov 23, 2023
    6
    大佬就是大佬 把我看湿了

    好奇三个页面会是什么样
    oxykr
    oxykr
    Nov 23, 2023
    7
    好玩
    digimoon
    digimoon
    Nov 23, 2023
    8
    这个咋弄的?
    QUC062IzY3M1Y6dg
    QUC062IzY3M1Y6dg
    Nov 23, 2023
    9
    卧槽,有没有源码想去学习一下
    labubu
    labubu
    Nov 23, 2023
    10
    逆天
    wsli10
    wsli10
    Nov 23, 2023❤️1
    11
    > window.getScreenDetails() + localStorage

    博主已经在评论区回复了实现方法:getScreenDetails 获取位置信息,存在 localStorage 里,然后通过监听 storage 事件通信。

    创意无敌🐮🍺
    WoneFrank
    WoneFrank
    Nov 23, 2023
    12
    厚礼蟹啊
    InDom
    InDom
    Nov 23, 2023
    13
    底层原理不难,但是这个创意与效果绝对无敌!
    linch97
    linch97
    Nov 23, 2023
    14
    在别的地方见过一个相似的实现,能跨多个窗口拖动一个矩形,不过是用了 BroadcastChannel 实现的
    whosesmile
    whosesmile
    Nov 23, 2023
    15
    不追前沿很多年了,头一次知道 storage event 。
    我最开始想的是页面计时轮训,拿到 screen 信息通过服务器做了中转,是我想复杂了,这个效果也挺炫酷的,应该就是数学公式绘图,但是会了不难,难了那是真不会...
    xudashan
    xudashan
    Nov 23, 2023
    16
    好酷炫啊
    wyhooo
    wyhooo
    Nov 23, 2023❤️1
    17
    原理想到了没错,但是这效果实现不出来。。。
    k9982874
    k9982874
    Nov 23, 2023❤️14
    18
    这就和以前流行的浏览器背景跟随鼠标位置做水波纹或其它特效变换一样
    开发:OHHHHHHHHHHH ,这真 TM 酷炫
    用户:晃死了,真 TM 大沙皮
    0x663
    0x663
    Nov 23, 2023
    19
    至此,已成艺术
    catch
    catch
    Nov 23, 2023 via Android
    20
    6
    AntiEoom
    AntiEoom
    Nov 23, 2023
    21
    厚礼谢!!!好酷
    NoString
    NoString
    Nov 23, 2023
    22
    牛逼嗷
    crazyTanuki
    crazyTanuki
    Nov 23, 2023
    23
    学习了!
    Leeeeex
    Leeeeex
    Nov 23, 2023
    24
    卧槽 好帅啊
    ochatokori
    ochatokori
    Nov 23, 2023 via Android
    25
    技术原理我都会,但是我做不出来(
    Leonard
    Leonard
    Nov 23, 2023 via iPhone
    26
    确实炫酷
    liuzhaowei55
    liuzhaowei55
    Nov 23, 2023 via Android
    27
    抖音有类似效果的教程,搜:屏幕坐标和窗口通信
    原理不复杂,但做出这种效果就很炸裂
    topqrh
    topqrh
    Nov 23, 2023 via Android
    28
    贼炫酷😳
    KMpAn8Obw1QhPoEP
    KMpAn8Obw1QhPoEP
    Nov 23, 2023 via Android❤️1
    29
    这才是前端!!! Make the Frontend Great Again!!!
    anjingdexiaocai
    anjingdexiaocai
    Nov 23, 2023 via Android
    30
    厉害👍🏻
    x86
    x86
    Nov 23, 2023
    31
    主要是这交互效果
    duanxianze
    duanxianze
    Nov 23, 2023
    32
    创意无敌
    pianjiao
    pianjiao
    Nov 23, 2023
    33
    真骚啊
    shui14
    shui14
    Nov 23, 2023
    34
    创意太顶了,不得不佩服,今年还有个手表宣传页、炒币宣传页、汽车比赛的宣传页创意厉害,避嫌打广告就不贴地址了
    这些工作更偏向于 TA ,有想法又有开发能力
    xiangyuecn
    xiangyuecn
    Nov 23, 2023
    35
    告诉大家一个秘密,只要你不嫌丑,ie6 也能做的😅 仅 safari 不支持,因为这货连 ie6 都不如🐶
    MajestySolor
    MajestySolor
    Nov 23, 2023
    36
    刚开始一个窗口的时候我想说,就这?
    第二个窗口出现时我才知道终究是我肤浅了!
    43n5Z6GyW39943pj
    43n5Z6GyW39943pj
    Nov 23, 2023
    37
    这辈子都玩不明白 css
    LavaC
    LavaC
    Nov 23, 2023
    38
    @MorJS 不用玩明白,因为这也不是 css
    me1onsoda
    me1onsoda
    Nov 23, 2023
    39
    逆天。
    感觉已经不是前端的范畴了,计算机图形学大佬
    1016
    1016
    Nov 23, 2023
    40
    有源码吗?有的话跟我说一下 学习学习
    mskumiko
    mskumiko
    Nov 23, 2023
    41
    好帅气!
    LandCruiser
    LandCruiser
    Nov 23, 2023 via iPhone
    42
    难点是通过计算让两个球之间的突触完美融合。两个窗口通信不是关键。
    wuxidixi
    wuxidixi
    Nov 23, 2023
    43
    很有创意
    zljklang
    zljklang
    Nov 23, 2023
    44
    有源码吗
    bianhui
    bianhui
    Nov 23, 2023
    45
    虽然我打不开,但是从你们评论猜测一下。很早的浏览器就支持页面通讯了。忘了叫啥 api 了。大概就是两个页面可以相互通讯原生 api
    cxz2998
    cxz2998
    Nov 23, 2023
    46
    这也太酷炫了
    Leon821
    Leon821
    Nov 23, 2023
    47
    泰裤辣
    Guidoo
    Guidoo
    Nov 23, 2023
    48
    threejs
    webgodliu
    webgodliu
    Nov 23, 2023
    49
    jesus christ!湿了:)
    DawnMoon
    DawnMoon
    Nov 23, 2023
    50
    不会写,但我觉得这东西多来几个会把用户显卡干报废
    pygKent
    pygKent
    Nov 23, 2023
    51
    厚礼谢特
    roofdocs
    roofdocs
    Nov 23, 2023
    53
    纯炫酷但实际上没有卵用
    hgc81538
    hgc81538
    Nov 23, 2023
    54
    @344457769 不怕被刷流量嗎? 例如 https://v2ex.com/t/993823
    344457769
    344457769
    Nov 23, 2023
    55
    @hgc81538 不怕,不是我的。这个网站提供的,开发者也在 V2EX 有账号,估计是他 hack 的不知道谁家的。

    https://www.ikunpan.com/upload
    HeHeDaGe
    HeHeDaGe
    Nov 23, 2023
    56
    midstream
    midstream
    Nov 23, 2023
    58
    🐍得最痛快的一次
    Fx8m
    Fx8m
    Nov 23, 2023
    59
    看似很难,实际上真的很难
    rioshikelong121
    rioshikelong121
    Nov 23, 2023
    60
    搞可视化的就是容易传播。storage event 用来做跨页面同域通信已经是个很成熟的方案了。主要是和可视化结合起来就很有效果
    bQ3u9RAQt4125PUK
    bQ3u9RAQt4125PUK
    Nov 24, 2023
    61
    @wf18321589792 再想想,真的没法么 :)
    Desiree
    Desiree
    Nov 24, 2023
    62
    泰裤辣,学到了
    a132811
    a132811
    Nov 24, 2023
    63
    还有几个也挺有创意的:

    地址栏贪吃蛇
    纯 css 打地鼠

    不过我觉得最神的是 jslinux/jswindows
    Rorysky
    Rorysky
    Nov 24, 2023
    64
    炸裂
    gitignore
    gitignore
    Nov 24, 2023
    65
    快下沉,千万别给产品经理看到☹️
    Jaeger
    Jaeger
    Nov 24, 2023
    66
    这是魔法吧
    mmdi
    mmdi
    Nov 24, 2023
    67
    创意很好
    McCall2887
    McCall2887
    Nov 25, 2023
    68
    真不错,牛逼!!!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4862 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 262ms · UTC 07:47 · PVG 15:47 · LAX 23:47 · JFK 02:47
    ♥ Do have faith in what you're doing.