 |
1
用的 gatsbyjs ，是基于 react+ graphQL 的
|
 |
2
用插件，比如 wappalyzer
|
 |
3
|
 |
mtjguAug 14, 2023
4
wappalyzer+1
|
 |
FFFFourwoodAug 14, 2023 via iPhone
5
第一个网站：
Analytics：Hotjar, Google Analytics GA4 JavaScript frameworks: React, Gatsby(4.24.8) Video players: Plyr Miscellaneous: Webpack( 50% sure), Open Graph, Module Federation (50% sure) Web servers: Apache Traffic Server Caching: Varnish Tag managers: Google Tag Manager Static site generators: Gatsby (4.24.8) JavaScript libraries: Keen-Slider, web-vitals, core-js UI frameworks: Radix UI RUM: web-vitals |
|
FFFFourwoodAug 14, 2023 via iPhone
6
第二个网站用户的根第一个是一样的
|
|
FFFFourwoodAug 14, 2023 via iPhone
7
用的
|
 |
8
老哥也来澳洲搞前端啦，我之前也是来澳洲转前端的，你需要的东西基本上这里都能找到 https://tympanus.net/codrops/
他们家的周更前端大合集基本上是每周必看，然后他们的各种页面特效专题也非常棒。希望你用得上。 |
 |
9
感谢以上几位，有很大帮助。那些滑动产生的效果也可以用 gatsby 生成是吗？
|
 |
monologue520Aug 14, 2023
10
@nzynzynzy 感觉主要是设计和样式吧, 和静态生成方式关系不大
|
|
MutooAug 14, 2023
11
@nzynzynzy gatsby 是静态网站生成器，负责管理内容的，责任类似 CMS 。动态特效主要还是要用 js 实现，实际上这个网站把 sourcemap 都提交了，你可以直接打开网页开发者工具，看到整个前端的源码，很方便你直接学习。
|
|
MutooAug 14, 2023
13
|
 |
94Aug 14, 2023
14
直接用 Wappalyzer - Technology profiler 分析一下就好了。[分析截图]( https://imgur.com/a/x1BTG1g)
看分析结果主要就是 React/Gatsby + Radix UI ，轮播部分是 Keen-Slider ？ 第二个问题里面的 house 里面的模板是指详情页中间的房间信息和指导价之类的布局？ 如果是的话，就是很基础的 `flex` 弹性布局做的。 |
 |
weishijun14Aug 14, 2023
15
gatsby 不知道，wordpress 主题一抓一大把
|
|
16
@weishijun14 我是被 WP 主题坑怕了，感觉印度作坊的这些东西很容易挂掉，插件不兼容，WP 版本不兼容，插件版本不兼容，以及奇奇怪怪的问题……哎也可能是我自己倒霉喝凉水都塞牙缝
|
 |
wednesdaycoAug 14, 2023
17
第二个地址这一进去是拉了多少图片，就离谱
|
 |
18
JavaScript 框架 ：React Gatsby4.24.8
视频播放器 ：Plyr 其他：Webpack50%sure Open Graph Module Federation50%sure Web 服务器 ：Apache Traffic Server 缓存：Varnish 标签管理器 Google Tag Manager 静态站点生成器 Gatsby4.24.8 JavaScript 库 Keen-Slider web-vitals core-js3.26.0 RUM：web-vitals |
|
weishijun14Aug 16, 2023
19
@nzynzynzy themeforest 认准大品牌
|
1
Select Language