网址是 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 ![]() 老实说技术挺烂的,亮点在于 UX 设计,这个年代还能把网页写的这么卡也是不容易 |
![]() | 19 des 2020-08-14 12:08:32 +08:00 ![]() |
![]() | 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 ![]() 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 2004年大学的时候用 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 ![]() |
![]() | 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 ![]() 如果你打开它的页面代码,会看到如下一段: 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 ![]() |
![]() | 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 ![]() 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 ![]() |
![]() | 41 94 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 cocowind 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 Wanex 2020-08-15 16:05:58 +08:00 虽然我打开挺快的,但是太卡了,卡出翔 |