V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ppzbreeze
V2EX  ›  程序员

老哥们,这种酷炫的前端是怎么做的

  •  
  •   ppzbreeze · 2020-08-14 11:29:29 +08:00 · 13676 次点击
    这是一个创建于 1549 天前的主题,其中的信息可能已经有所发展或是发生改变。

    网址是 nbiot.com.cn 看了一下 F12,感觉有点复杂,是不是要单独设计个前端的结构才能做出来,还是说我的见识比较浅薄,这个并没有想象中的难 另外有类似的源码可以学习吗

    110 条回复    2020-08-17 14:01:47 +08:00
    1  2  
    OfficialYoungX
        101
    OfficialYoungX  
       2020-08-15 16:44:28 +08:00   ❤️ 2
    1. 挂梯子,网站打开不慢;就算不挂,也不算不上慢(这是机房部署问题,跟这个网页的大小关系不大,就算有关系也不至于像某几个人评论一样,一棍子打死)
    2. 不是 svg,(看到有人说是 svg),像这种细密的曲线用 svg 很有可能有性能问题
    3. 管这是套模版也好,自己写的也好,用到的最下面 api 基于是 canvas 提供的 api,至于是 2d 还是 3d 具体看。(实际上可能是基于 three.js 或者是其他的封装过的库)
    4. 好看就是好看,炫酷就是炫酷,不要说什么“xxxxx,可是有什么用呢?”前端就是应该追求视觉和交互体验,不然前端干嘛呢,这就是前端的本职工作啊。
    5. 我第一次发现 V2EX 的 FEer 有这么多人是这样的心态,真正讨论的人没几个,说其他的废话的人不少,真的很难受看了这些,包括很多其他帖子也是一样,没几个真正就技术点本身讨论的。
    6. 以上不是针对所有人,有误伤,还请见谅。
    lbw
        102
    lbw  
       2020-08-15 18:20:29 +08:00
    @OfficialYoungX 同感。总有人得通过贬低他人抬高自己,显得自己啥都懂,真正能在 **有限时间** 内做出这种效果的没几个人。对于自身不熟悉的领域保持谦逊始终是难得的品质。
    YingJie
        103
    YingJie  
       2020-08-15 19:20:50 +08:00 via Android
    @laminux29 可惜了 as 那一套还是很好用的
    fanhaipeng0403
        104
    fanhaipeng0403  
       2020-08-15 19:32:39 +08:00
    打开太慢 太快 不建议学习
    Sasasu
        105
    Sasasu  
       2020-08-15 19:44:54 +08:00
    @puzzle9 webgl 实时渲染,用了个物理引擎,你的单核 CPU 性能和显卡性能决定帧数。
    karnaugh
        106
    karnaugh  
       2020-08-15 21:24:35 +08:00
    @OfficialYoungX 是啊,上来先想办法打开了这个网页,觉得嗯看起来确实蛮不错的,想回来看看有没有讨论,结果一看回复是一堆不像是程序员的言论。。。唉
    panhongx
        107
    panhongx  
       2020-08-17 00:45:29 +08:00
    666
    Qinmei
        108
    Qinmei  
       2020-08-17 10:14:10 +08:00
    很明显就是第三方库提供的背景层,他自己就是做个一点交互而已, 这个之前就有简单背景的, 很多人博客都有用
    wizardoz
        109
    wizardoz  
       2020-08-17 11:20:44 +08:00
    @ppzbreeze nb 一开始宣传的卖点是低功耗、覆盖广。这两个特点主要就是针对一些不方便通电和架设很密集基站的地方。但是现在几年过去了,很多大城市的开发区 NB 信号覆盖也还不能完全到位,更不用说 3 、4 线城市啦。可能运营商都忙着搞 5G 吧
    elegantYu
        110
    elegantYu  
       2020-08-17 14:01:47 +08:00
    主体 canvas + 细节 svg,很简单嘛(我不会)
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2699 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 08:16 · PVG 16:16 · LAX 00:16 · JFK 03:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.