RequireJS Demo

非框架情况下,构建小型 JS 应用经常需要使用 RequireJS,RequireJS 是 AMD 模式。

index.html

<!DOCTYPE html>
<html lang="cmn-hans" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>RequireJS Demo</title>

    <script src="js/lib/require.js" charset="utf-8" defer async="true"
      data-main="js/main"></script>

    <script>
      console.log('Loading index.html ...');
    </script>
  </head>
  <body></body>
</html>

js/main

require.config({
  paths: {
    'jquery': 'lib/jquery.slim.min'
  }
});

require([
  'jquery',
  'post'
], function ($, post) {
  let p;

  p = 'Post 1'
  console.log(`Pushing post: ${post.posts = p}`);

  p = 'Post 2'
  console.log(`Pushing post: ${post.posts = p}`);

  console.log(`Posts: ${post.posts.join(', ')}`);
});

js/post

define([
  // Dependences
], function () {
  const posts = [];

  return {
    get posts() {
      return posts;
    },

    set posts(_post) {
      posts.push(_post);
      return _post;
    }
  };
});

参考:

  1. https://requirejs.org/

作者: V

Web Dev

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s