这是一个创建于 1541 天前的主题，其中的信息可能已经有所发展或是发生改变。
网址是 nbiot.com.cn 看了一下 F12，感觉有点复杂，是不是要单独设计个前端的结构才能做出来，还是说我的见识比较浅薄，这个并没有想象中的难 另外有类似的源码可以学习吗
 |
1
whitehack 2020-08-14 11:34:28 +08:00
响应太慢, 放弃打开.
再酷炫也没卵用.. |
 |
2
kkxxmei1tian886 2020-08-14 11:36:29 +08:00
确实很酷 ，打开太慢了
|
 |
3
casyalex 2020-08-14 11:36:42 +08:00
Canvas 应该是 webgl
|
 |
4
Hilong 2020-08-14 11:38:29 +08:00
d3.js three.js 可以看下
|
 |
5
wzq001 2020-08-14 11:39:02 +08:00
|
 |
6
aegisho 2020-08-14 11:40:10 +08:00
three.js 了解一下
|
 |
7
LifStge 2020-08-14 11:40:28 +08:00
漆黑一片 ~(家里垃圾网络 默默走开)
|
|
10
wzq001 2020-08-14 11:41:21 +08:00
可以参考下，阿里啥的，打开基本无感
|
 |
13
newmlp 2020-08-14 11:46:51 +08:00
都打不开，哪里酷炫了，辣鸡
|
 |
14
lzusunix 2020-08-14 11:52:01 +08:00
网站不加载快点，用户都没有，要那么炫酷干嘛，半天都打不开
|
 |
15
morizawatt 2020-08-14 11:53:37 +08:00
是模版改的，特别是中间插入的产品 p1 那张图，强插啊这是；而且插图这设计水准也设计不出这样的网页
|
 |
16
yylzcom 2020-08-14 11:58:51 +08:00
为什么杭州阿里巴巴机房的在国内都打开这么慢
3.72 分钟，按照常理，用户流失率 100% |
 |
18
Biwood 2020-08-14 12:06:25 +08:00  1
老实说技术挺烂的，亮点在于 UX 设计，这个年代还能把网页写的这么卡也是不容易
|
 |
19
des 2020-08-14 12:08:32 +08:00 15
|
 |
20
wellsc 2020-08-14 12:13:51 +08:00
不就是 svg
|
 |
21
darknoll 2020-08-14 12:21:38 +08:00
有没有其他炫酷的，多弄几个，我好选个抄下
|
 |
22
libook 2020-08-14 12:23:12 +08:00 2
Animation 教程： https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Animations/Using_CSS_animations
Canvas 教程： https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial WebGL 教程： https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API/Tutorial 了解基础知识后可以尝试找一些 H5 动画框架，其他楼提到了一些。 另外一些专业动画制作软件可以用来做 H5 动画，比如 Adobe Animate，以及一些游戏引擎可以做 H5 游戏(或交互动画效果)如 Unity 。 |
 |
23
encro 2020-08-14 13:56:22 +08:00
２００４年大学的时候用 AS 做出来的效果大概和这差不多，
那时候有一个好听的名字叫富应用。 |
 |
24
gitjavascript 2020-08-14 14:00:03 +08:00
白色屏幕的动画么
|
 |
25
CallMeReznov 2020-08-14 14:00:35 +08:00
这网站是不是被人打了,现在根本打不开..
|
 |
26
Sasasu 2020-08-14 14:02:50 +08:00 1
|
 |
27
learningman 2020-08-14 14:09:57 +08:00
php 5.5.12 。。。
然后还没开 gzip ？开了 gzip 也不至于卡这么久 |
 |
28
kanezeng 2020-08-14 14:10:12 +08:00 22
如果你打开它的页面代码，会看到如下一段：
var ssss={ "meta": { "title": "La solution concrète pour votre veille internet stratégique et d’influence", "description": "Les experts de Reputation Squad proposent une solution de veille internet sur mesure pour répondre à vos objectifs de communication et d’influence.", "share": "Partager" }, 根据 title 字段 google 一下，你就能找到原版： http://veille.reputationsquad.com/ |
 |
29
wangsongyan 2020-08-14 14:12:56 +08:00
@Sasasu #26 真担心她的小腰
|
 |
30
ciaoly 2020-08-14 14:13:32 +08:00 via Android 1
|
 |
31
efaun 2020-08-14 14:18:10 +08:00
一分钟没打开，遂关闭，垃圾网站
|
 |
32
lepig 2020-08-14 14:19:10 +08:00
白屏。 在炫酷 关我屁事
|
 |
33
5yyy 2020-08-14 14:24:57 +08:00
打开这个页面我电脑风扇直接起飞了：）
|
 |
34
kiracyan 2020-08-14 14:28:12 +08:00
2.4M 的 JS 文件
|
 |
35
wizardoz 2020-08-14 14:30:56 +08:00
好网址，可惜 nb 就快凉了
|
 |
36
lithbitren 2020-08-14 14:31:07 +08:00
水管太小了吧，几十 k 的 jquery 都要四五秒
|
 |
37
chiu 2020-08-14 14:35:09 +08:00
应该是我网太烂了。。。
|
 |
38
demonps 2020-08-14 14:38:44 +08:00 1
google chrome 插件 Wappalyzer 给的结果:
JavaScript 框架: GSAP; 编程语言: PHP 5.5.12; Web 服务器: Apache 2.4.9; 操作系统: Windows Server; JavaScript 图形: three.js; JavaScript 库: jQurery 2.0.0; |
 |
39
zhuangzhuang1988 2020-08-14 14:46:18 +08:00 1
|
 |
41
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 |
 |
43
aulay 2020-08-14 15:01:05 +08:00
打不开
|
 |
44
wangyzj 2020-08-14 15:05:55 +08:00
加载了一个 3m 的 js 和一个 1.3m 的 png
|
 |
45
rf99wSiT6IxH1Z23 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 |
 |
46
soulvision 2020-08-14 15:19:44 +08:00
第一反应就是 three.js
|
 |
47
mightofcode 2020-08-14 15:23:47 +08:00
卡死 0 分
|
 |
48
differentPlayer 2020-08-14 15:27:04 +08:00
加载 5 分钟。。
|
 |
49
laminux29 2020-08-14 15:29:01 +08:00
flash web 的时代，网页上能直接做 3D 机器人对战。
|
 |
50
anjianshi 2020-08-14 15:35:22 +08:00
真的是太慢啦
|
 |
52
wee911 2020-08-14 15:50:28 +08:00
效果真的卡， 加载是真的特别的慢， 也就产品自己打开看看了
|
 |
53
oma1989 2020-08-14 15:50:34 +08:00
体验太差， 一卡一卡的
|
 |
54
11Eleven 2020-08-14 15:50:45 +08:00
徒增功耗的感觉，在简单易用和美观之间要平衡要取舍吧
|
 |
55
yuankui 2020-08-14 16:08:30 +08:00
卡的一批。。
|
 |
56
qqqqqcy 2020-08-14 16:21:05 +08:00
一个 bundle.js 加载了 40+ 秒，实现的效果也没看出什么酷炫。无非是一堆线乱飞，简直意义不明。硬要做用 canvas 也不至于这么卡把
|
 |
57
P233 2020-08-14 16:21:19 +08:00
只有我一个人觉得这是个套模板的网站吗？
|
 |
58
goldenalex 2020-08-14 16:21:27 +08:00
看上去公司不错啊。。。
有没有要来苏州工业园区创业的。。。 |
 |
59
zhensjoke 2020-08-14 16:26:19 +08:00
<html lang="fr">
这是什么鬼.... |
 |
60
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 |
 |
61
wiken 2020-08-14 16:31:49 +08:00
等了一年都没加载出来，放弃了
|
 |
63
morethansean 2020-08-14 16:37:42 +08:00
@yylzcom 如果是 1mbps 的套餐，那 3.2M 确实要下载半分钟以上 😂
|
 |
66
ashong 2020-08-14 16:55:55 +08:00
1 分钟都未能加载， 这是干嘛用的？
|
 |
67
SomeoneElseChild 2020-08-14 17:14:34 +08:00
@kanezeng 牛逼
|
 |
68
iwasthere 2020-08-14 17:20:13 +08:00
抄下😄
|
 |
69
azh7138m 2020-08-14 17:38:54 +08:00
|
 |
70
ydpro 2020-08-14 17:42:14 +08:00
这打开也太慢了，客户流失率 100%
|
 |
71
hikari2 2020-08-14 17:43:09 +08:00
这网速我还以为网站被墙了呢
|
 |
72
Vegetable 2020-08-14 17:45:33 +08:00
可以，我这里已经加载超过十万毫秒了，关了关了
|
 |
73
jarnanchen 2020-08-14 17:53:13 +08:00
好卡,大可不必这么复杂
|
 |
74
miniwade514 2020-08-14 17:57:36 +08:00
我以为网断了
|
 |
75
getElementBy1d 2020-08-14 18:02:51 +08:00
加载了两分半
|
 |
76
wxsm 2020-08-14 18:03:36 +08:00 via iPhone
|
 |
77
sss495088732 2020-08-14 18:18:12 +08:00
0.0 我为什么是秒开的.....开了 VPN.....
|
 |
78
lzuntalented 2020-08-14 19:15:47 +08:00
你看我这个如何 http://show.lzuntalented.cn/#/
老实说，这个不难 |
 |
79
alphardex 2020-08-14 19:47:49 +08:00 via iPhone
这种我猜是拿 awwwards 上的网站改出来的吧，因为 awwwards 上的网站大多都很炫酷
|
 |
80
baoshuo 2020-08-14 19:57:56 +08:00
打开自动弹出翻译，F12 一下发现以下代码  我觉得是改的时候没改好 |
 |
81
Szhi 2020-08-14 20:12:00 +08:00
很酷炫，可是有啥用呢？花里胡哨
|
 |
83
Quadverse 2020-08-14 20:51:48 +08:00
CPU 3.40GHz 内核 4 逻辑处理器 8
长期占用 62%，整这些花里胡哨的东西不解决下性能问题怎么用？ |
 |
84
NewIPIsComing 2020-08-14 21:01:24 +08:00
彈窗提示：No OES_texture_float support for float textures!
Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101 Firefox/68.0 |
 |
85
YaakovZiv 2020-08-14 21:34:15 +08:00
看到楼上有人提到这个网站服务器选择的 Windows server，我就感觉网站打开慢很正常了，一开始想吐槽一下网站打开慢的。
|
 |
86
ShotaconXD 2020-08-14 21:48:10 +08:00
虽然我打开挺快的, 但是说实话, 我 19 款 15 寸 MBP 有点卡... 所以这个意义何在.
|
 |
87
wolfan 2020-08-14 21:52:34 +08:00
也就是个背景有点酷而已，但其实华而不实，真实体验并不好。主要是占用 CPU 作些无用功，只是为了酷而酷的行为而已。
|
 |
88
FS1P7dJz 2020-08-14 22:14:38 +08:00
作为企业官网真的很不适合这样做
|
 |
89
ccraohng 2020-08-14 23:03:29 +08:00
除去 背景线条交互， 主要是 gsap . 滚动我会用 scrollmagic 。
这种网站只是拿出给公司自己看 而已。 就产品来说， 好的交互动画应该体现在产品介绍， 而不是一些文字上下淡入淡出。 |
 |
90
ncepuzs 2020-08-14 23:18:17 +08:00
白屏时间太久，向下滚动太卡
|
 |
91
zengzixing 2020-08-14 23:38:55 +08:00
tmd，打开个网页 10 多秒，滑动两下 cpu 占用直接百分之 80 多，还是八代 u
|
 |
92
Helsing 2020-08-14 23:44:57 +08:00 via iPhone
哪里酷了？还不如一些博客模版好看
|
 |
93
lqmrt 2020-08-15 01:00:45 +08:00 via iPhone
动画有点 bug,一上一下就有文字重叠了
|
 |
95
fairytale110 2020-08-15 10:02:06 +08:00
说加载慢的，这个，，，挂个翻出去的工具就秒开，，，
|
 |
96
wty 2020-08-15 12:46:14 +08:00 via Android
移动端没适配好，，，上下滑没反应，居然还得按按钮翻页，点了浏览器的打开电脑版反而正常了。。。另外翻一页就往浏览器的后退历史加一项，这个真的恶心
|
 |
98
puzzle9 2020-08-15 13:26:49 +08:00
感谢这个帖子 让我见识到了这种各样的大神发出了神奇百怪的 url
|
 |
99
lizhesystem 2020-08-15 15:40:57 +08:00
感觉这样能唬得住客户。
|
 |
100
Mexion 2020-08-15 16:05:58 +08:00
虽然我打开挺快的，但是太卡了，卡出翔
|
Select Language