4
请前端的朋友帮忙分析一下这个网站的前端技术
source link: https://www.v2ex.com/t/965056
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
前端的朋友赐教，这几个比较有特点的页面是用什么样的技术栈搭建的，或者如果看不出来他们的技术而自己想做一个，应该如何起步，谢谢。
1. 这个主页是如何搭建的
https://vicprop.com.au/
2. 这个具体的 house 里面的模板是如何搭建的
https://vicprop.com.au/property/13-hanworth-avenue-williams-landing/
1. 这个主页是如何搭建的
https://vicprop.com.au/
2. 这个具体的 house 里面的模板是如何搭建的
https://vicprop.com.au/property/13-hanworth-avenue-williams-landing/
18 条回复 • 2023-08-14 16:30:14 +08:00
 |
zhongerbing 5 小时 31 分钟前 用的 gatsbyjs ，是基于 react+ graphQL 的
|
1 |
poic 5 小时 27 分钟前 用插件，比如 wappalyzer
|
 |
mtjxuanh 5 小时 23 分钟前 wappalyzer+1
|
 |
FFFFourwood 5 小时 21 分钟前 via iPhone 第一个网站：
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 |
|
FFFFourwood 5 小时 19 分钟前 via iPhone 第二个网站用户的根第一个是一样的
|
|
FFFFourwood 5 小时 19 分钟前 via iPhone |
 |
Mutoo 5 小时 16 分钟前 老哥也来澳洲搞前端啦，我之前也是来澳洲转前端的，你需要的东西基本上这里都能找到 https://tympanus.net/codrops/
他们家的周更前端大合集基本上是每周必看，然后他们的各种页面特效专题也非常棒。希望你用得上。 |
 |
nzynzynzy 5 小时 13 分钟前 感谢以上几位，有很大帮助。那些滑动产生的效果也可以用 gatsby 生成是吗？
|
 |
monologue520 5 小时 9 分钟前 @nzynzynzy 感觉主要是设计和样式吧, 和静态生成方式关系不大
|
|
Mutoo 5 小时 9 分钟前 @nzynzynzy gatsby 是静态网站生成器，负责管理内容的，责任类似 CMS 。动态特效主要还是要用 js 实现，实际上这个网站把 sourcemap 都提交了，你可以直接打开网页开发者工具，看到整个前端的源码，很方便你直接学习。
|
 |
dfkjgklfdjg 4 小时 55 分钟前 直接用 Wappalyzer - Technology profiler 分析一下就好了。[分析截图]( https://imgur.com/a/x1BTG1g)
看分析结果主要就是 React/Gatsby + Radix UI ，轮播部分是 Keen-Slider ？ 第二个问题里面的 house 里面的模板是指详情页中间的房间信息和指导价之类的布局？ 如果是的话，就是很基础的 `flex` 弹性布局做的。 |
 |
weishijun14 1 小时 33 分钟前 gatsby 不知道，wordpress 主题一抓一大把
|
|
nzynzynzy 1 小时 29 分钟前 @weishijun14 我是被 WP 主题坑怕了，感觉印度作坊的这些东西很容易挂掉，插件不兼容，WP 版本不兼容，插件版本不兼容，以及奇奇怪怪的问题……哎也可能是我自己倒霉喝凉水都塞牙缝
|
 |
wednesdayco 27 分钟前 第二个地址这一进去是拉了多少图片，就离谱
|
 |
LittleXing 15 分钟前 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 |
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK