V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
dw2693734d
V2EX  ›  前端开发

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

  •  
  •   dw2693734d · 96 天前 · 9798 次点击
    这是一个创建于 96 天前的主题,其中的信息可能已经有所发展或是发生改变。
    68 条回复    2023-11-25 08:48:02 +08:00
    wf18321589792
        1
    wf18321589792  
       96 天前
    挺好玩的,但是没法用在工作中🐶
    doco
        2
    doco  
       96 天前
    好奇怎么实现的
    com781517552
        3
    com781517552  
       96 天前
    厚礼谢特
    Jinyang7
        4
    Jinyang7  
       96 天前
    牛啊,两个页面竟然能交互
    justfindu
        5
    justfindu  
       96 天前
    wweerrgtc
        6
    wweerrgtc  
       96 天前
    大佬就是大佬 把我看湿了

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

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

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

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

    地址栏贪吃蛇
    纯 css 打地鼠

    不过我觉得最神的是 jslinux/jswindows
    Rorysky
        64
    Rorysky  
       95 天前
    炸裂
    gitignore
        65
    gitignore  
       95 天前
    快下沉,千万别给产品经理看到☹️
    Jaeger
        66
    Jaeger  
       95 天前
    这是魔法吧
    mmdi
        67
    mmdi  
       95 天前
    创意很好
    McCall2887
        68
    McCall2887  
       94 天前
    真不错,牛逼!!!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   953 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 20:30 · PVG 04:30 · LAX 12:30 · JFK 15:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.