>  기사  >  웹 프론트엔드  >  require.js 사용에 대한 자세한 소개

require.js 사용에 대한 자세한 소개

php中世界最好的语言
php中世界最好的语言원래의
2017-12-30 16:22:132534검색

우리는 RequireJS가 AMD(비동기 Module 정의, 비동기 모듈 로딩 메커니즘) 사양을 가장 잘 구현한 것 중 하나인 매우 작은 javascript모듈 로딩프레임워크이라는 것을 알고 있습니다. 최신 버전의 requireJS는 14k로만 압축되어 매우 가볍습니다. requireJS를 사용하면 프런트엔드 코드의 품질이 확실히 향상됩니다.

먼저 일반 페이지 js loading을 살펴보겠습니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/index02.js" ></script>
  </head>
  <body>
    <h1>this is a page.</h1>
  </body>
</html>

이때 팝업창을 동작하지 않으면 페이지가 로딩되지 않고 페이지 내용도 없습니다. 우리는 결과를 얻고 싶습니다.

아래에서는 require.js를 사용하여 작동합니다.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/require2.1.11.js"></script>
    <script type="text/javascript">
      require(["js/index","js/index01"],function(){
        console.log("当js加载成功后会执行的函数");
      },function(){
        console.log("当js加载失败后会执行的函数");
      });
    </script>
  </head>
  <body>
  </body>
</html>

index.js

define(function(){
  console.log("this is a test!");
  function test(){
    console.log("haha,i am a test!");
  }
  test();
});

위 소개를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트Other에 주목하세요. 관련 기사!

관련 읽기:

Google 크롬이 12px보다 작은 텍스트에 대해 CSS 설정을 지원하지 않으면 어떻게 해야 하나요?

memcached 및 xcache를 사용하여 PHP 캐시 최적화를 구현하는 단계

네이티브 JS에서 AJAX 및 JSONP를 구현하는 방법

위 내용은 require.js 사용에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.