在哪里加载webix？

Question

正在尝试学习 webix（并且完全 javascript）。通常的做法是在正文末尾加载 javascript 个库。

webix 快速入门文档说：

<!DOCTYPE HTML>// specifies document type
<html>
    <head>
    <link rel="stylesheet" href="../../codebase/webix.css" type="text/css"> 
    <script src="../../codebase/webix.js" type="text/javascript"></script>  
    </head>
    <body>

例如它将库加载到头部。

问题：

webix 库应该加载到 <head>?
如果是，应该在哪里加载jQuery和twitter bootstrap？
顺序是什么？

Answer 1

您可以将 webix.js 放置在页面的任何位置。请确保在 webix.js loading

之后使用使用 Webix API 的 JS 代码

通常将脚本放在 HTML 文件的末尾，因为它们只会向页面添加一些交互性。对于 Webix UI，如果没有 webix.js，您将根本看不到页面上的任何内容，因此将 webix.js 放在页面末尾没有任何好处。

至于 jQuery - 如果您计划使用 webix-jquery 集成，您需要在加载 jQuery 之后加载 webix.js（在头部，或在文件结尾，无关紧要)

Answer 2

您需要遵循以下语法或流程来使用 webix。

<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>Title</title>


  <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans:300|Raleway|Roboto" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
  />
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
  <link rel="stylesheet" href="http://cdn.webix.com/edge/webix.css" type="text/css">

  <link rel="stylesheet" type="text/css" href="assets/css/app.css" />

</head>

<body>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="http://cdn.webix.com/edge/webix.js" type="text/javascript"></script>
  <script type="text/javascript" charset="utf-8" >
    webix.ui({
      view:"calendar",
      id:"calendar1"
    })
  </script>

</body>

</html>

任何依赖项都必须加载到顶部 webix.js，以便您可以在 JS 文件中使用它们。

在哪里加载webix？

Where to load webix?

webix