JavaScript-前端MVC 我的实际问题是：

我想知道（）是使用Django还是它的包。或者其他框架。还是自定义框架？另外，如果你看看这个网站（），你会发现它使用了大量的paralax滚动、滑块和很酷的动画。这是定制的还是另一个框架/插件/什么的

如果在上找到一个很棒的网站（）。我熟悉Laravel使用的MVC模型。所以我知道基本情况。但是我发现（）在它的脚本中使用了某种路由

我还发现值得注意的是，该网站的脚本和整个css是以内联HTML加载的。因此，没有HTTP请求，除了图像，没有要加载的文件

---

哪个框架/插件编译了这个？

示例：

  , Route = function t() {
    classCallCheck(this, t);
    var e = new Router({
        xhr: !0
    });
    e.get("/", HomeController),
    e.get("/about", AboutController),
    e.get("/television", TelevisionController),
    e.get("/live", LiveController),
    e.get("/experiences", ExperiencesController),
    e.get("/socialwall", SocialwallController),
    e.get("/adventurers", AdventurersController),
    e.get("/termsofuse", TermsofuseController),
    e.get("/faqs", FaqsController),
    e.get("/signup", SignupController),
    e.error(ErrorController),
    e.run()
}
  , App = function t() {
    classCallCheck(this, t),
    Support.init(),
    index.TopWhenRefresh(),
    new Route
};
new App;

const animation = new S.Merom('.element', '3dy', 0, 100, 1000, 'Power4InOut')
animation.play()
animation.reverse()

另一个增强我怀疑的例子可以在它的createClass函数或类中找到。它可以在其中创建类

this.backgroundWrap = index.Geb.id("h-header-background-wrap"),
this.centerWrap = index.Geb.id("h-header-center-wrap"),
this.foregroundWrap = index.Geb.id("h-header-foreground-wrap"),
this.titleWrap = index.Geb.id("h-header-title-wrap"),
this.introTxt = index.Geb.id("h-intro-txt"),
this.introLine = index.Geb.id("h-intro-line"),
this.introVideo = index.Geb.id("h-intro-video"),
this.introScroll = index.Geb.id("h-intro-scroll"),
this.nav = index.Geb.class("nav")[0],
this.progress = index.Geb.id("h-intro-progress"),
this.scrollLineWrap = index.Geb.id("h-header-scroll-line-wrap"),
this.scrollTxtWrap = index.Geb.id("h-header-scroll-txt-wrap"),
this.stickyBurger = index.Geb.id("sticky-burger"),

所以在我看来，几乎整个网站（路由、元素类等等）都是通过这个脚本创建的。我甚至在这里看到一些mailchimp标签

---

我查看了Django框架，因为有一些指向媒体文件夹的链接，如

/static/

Penryn starter web开发的入门工具包

码头工人

浏览器同步

PHP7.1.8

邮政编码

Css纳米

ES2015

埃斯林特

汇总

丑陋的JS3

天湖

---

天湖： 这是一个名为Skylake的轻量级JavaScript库：

示例：

  , Route = function t() {
    classCallCheck(this, t);
    var e = new Router({
        xhr: !0
    });
    e.get("/", HomeController),
    e.get("/about", AboutController),
    e.get("/television", TelevisionController),
    e.get("/live", LiveController),
    e.get("/experiences", ExperiencesController),
    e.get("/socialwall", SocialwallController),
    e.get("/adventurers", AdventurersController),
    e.get("/termsofuse", TermsofuseController),
    e.get("/faqs", FaqsController),
    e.get("/signup", SignupController),
    e.error(ErrorController),
    e.run()
}
  , App = function t() {
    classCallCheck(this, t),
    Support.init(),
    index.TopWhenRefresh(),
    new Route
};
new App;

const animation = new S.Merom('.element', '3dy', 0, 100, 1000, 'Power4InOut')
animation.play()
animation.reverse()

类似的功能也可以在Google Devtools的Sources选项卡上找到：

此外，在脚本中，skylake可以随便找到：

scroll: {
    throttle: !0,
    skylake: "Scroll"
},

---

但我不太确定这到底是怎么回事。我无法解释路由类或诸如此类的东西。但它防卫性地使用了这个天湖图书馆

---

同样的代码结构可以在以下网站上找到：（Skylake的作者）和

虽然我不认为这些网站正在使用Skylake。或者只是使用其他变量或其他东西。但这是：

              , App = function e() {
                classCallCheck(this, e),
                Support.init(),
                index.TopWhenRefresh(),
                new Router({
                    xhr: !0
                })
            };
            !function(e) {
                new App
            }();
        }
        )();

与beargrylls.com上的完全相同

---

同样，在

上也可以找到几乎完全相同的路由类。那么，你又在看哪个网站？哪个框架/插件编译了这个？如果这是一个框架/插件？是什么this@Cerbrus它是用Vue.js（）创建的，那么，为什么控制台上没有可访问的

Vue

全局变量呢？请告诉我，好吧，让我们换一种说法：这是基于什么？这样的HTML可以来自多个不同的库。您在哪里看到新的Vue({？你在用猜测回答你自己的问题。@Cerbrus那么你认为这可能是定制的吗？@Cerbrus我认为我做对了：Vue.js。显然不是这样。但是当有人真的认为他/她知道的时候，他/她可以发布一个答案。这比没有答案更有帮助。我可能真的从错误中吸取教训回答也一样。（就像我在这里，这是目前页面上唯一的答案）。我只是渴望学习和了解更多关于webdevelopment的知识，所以如果你或其他人有其他选择（如Vue.js），请随时发表评论