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

2020-08-14 11:29:29 +08:00
 ppzbreeze

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

13304 次点击
所在节点    程序员
110 条回复
dfkjgklfdjg
2020-08-14 14:57:45 +08:00
加载 3.2M ，白了快 2min，要不是我挺好奇的肯定就关了，有个 loading 动画也好啊.....（小声逼逼买的阿里云啥小水管）

用到的东西能看出的用到了 ThreeJS 、jQuery，动画来源是 GSAP
但是我不知道他 jQuery 是用来干嘛的，可能后期强行加上去的吧...
盲猜不知道哪里找来的摸板（可能从 GSAP 买的？），很多东西都没改过来，我觉得源站应该是一个法国公司。

同类型的还有挺多的，我提供几个？
https://www.sterling.it/
https://voltfordrive.com/
https://www.orano.group/experience/innovation/en
hmxxmh
2020-08-14 15:00:57 +08:00
@Sasasu 她咋一直扭啊
aulay
2020-08-14 15:01:05 +08:00
打不开
wangyzj
2020-08-14 15:05:55 +08:00
加载了一个 3m 的 js 和一个 1.3m 的 png
cnscorpions
2020-08-14 15:08:57 +08:00
很水，
1， 打开太慢，国内备案的，搞这样
2，前端没有使用 error boundary, 或者 optional operator 么？{{content.list.1.label}} 都暴露出来了。

技术栈的话，
前端 jquery + Three.js ， 后端 php, apache, 居然还是 windows server
soulvision
2020-08-14 15:19:44 +08:00
第一反应就是 three.js
mightofcode
2020-08-14 15:23:47 +08:00
卡死 0 分
differentPlayer
2020-08-14 15:27:04 +08:00
加载 5 分钟。。
laminux29
2020-08-14 15:29:01 +08:00
flash web 的时代，网页上能直接做 3D 机器人对战。
anjianshi
2020-08-14 15:35:22 +08:00
真的是太慢啦
leftstick
2020-08-14 15:50:11 +08:00
@kanezeng 你才是真正的王者
wee911
2020-08-14 15:50:28 +08:00
效果真的卡， 加载是真的特别的慢， 也就产品自己打开看看了
oma1989
2020-08-14 15:50:34 +08:00
体验太差， 一卡一卡的
11Eleven
2020-08-14 15:50:45 +08:00
徒增功耗的感觉，在简单易用和美观之间要平衡要取舍吧
yuankui
2020-08-14 16:08:30 +08:00
卡的一批。。
qqqqqcy
2020-08-14 16:21:05 +08:00
一个 bundle.js 加载了 40+ 秒，实现的效果也没看出什么酷炫。无非是一堆线乱飞，简直意义不明。硬要做用 canvas 也不至于这么卡把
P233
2020-08-14 16:21:19 +08:00
只有我一个人觉得这是个套模板的网站吗？
goldenalex
2020-08-14 16:21:27 +08:00
看上去公司不错啊。。。

有没有要来苏州工业园区创业的。。。
zhensjoke
2020-08-14 16:26:19 +08:00
<html lang="fr">
这是什么鬼....
huwenzhe
2020-08-14 16:27:22 +08:00
JavaScript 框架
GSAP

Web 服务器
Apache2.4.9

JavaScript 图形
three.js76

编程语言
PHP5.5.12

操作系统
Windows Server

JavaScript 库
jQuery2.0.0

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/698199

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX