zoukankan      html  css  js  c++  java
  • requirejs使用笔记

    一、requirejs为何会多次加载两次data-main文件

            文件目录:


            html页面:
    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>require-demo第一章</title>
    6. </head>
    7. <body>
    8. <scripttype="text/javascript"deferasync="true"data-main="js/app"src="js/require.js"></script>
    9. </body>
    10. </html>
     
            app.js页面:
    1. requirejs.config({ // baseUrl:'js/lib', paths:{ avalon:'bower_components/avalon/min/avalon.min', avalondate:'bower_components/avalon.oniui/datepicker/avalon.datepicker' } }); requirejs(['avalon','avalondate'],function(){ })
    二、问题
            1、当把script放置head元素标签中时,加载无问题
    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>require-demo第一章</title>
    6. <scripttype="text/javascript"deferasync="true"data-main="js/app"src="js/require.js"></script>
    7. </head>
    8. <body>
    9. </body>
    10. </html>
     

            2、当把script放置body元素标签时,会重复加载data-main右侧的文件
    1. <!DOCTYPE html>
    2. <htmllang="en">
    3. <head>
    4. <metacharset="UTF-8">
    5. <title>require-demo第一章</title>
    6. </head>
    7. <body>
    8. <scripttype="text/javascript"deferasync="true"data-main="js/app"src="js/require.js"></script>
    9. </body>
    10. </html>
    三、原因以及解决方法(待续)
        原因是因为avalon自带amd加载器,和require发送冲突导致,data-main文件多次加载
        解决方法,不使用avalonUI,avalonUI对模块化使用了太多东西,不好处理,那么就还是自己写UI把。
        当然这是我现在的处理方法,不代表以后没有更好的处理方法。找到了再此描述。
     





  • 相关阅读:
    Google是如何赚钱的?
    网站数据连接
    表单验证
    Web Proxy Autodiscovery Protocol
    把SQL2000的数据库迁移至SQL2005
    WFE与Index服务器之前的通讯
    SOS 的帮助输出
    WinDbg.exe中使用的SOS.dll的命令列表
    HTTPS 简介
    Error: A web configuration modification operation is already running
  • 原文地址:https://www.cnblogs.com/Zjingwen/p/4467787.html
Copyright © 2011-2022 走看看