{"id":2056,"date":"2019-06-27T22:55:18","date_gmt":"2019-06-27T14:55:18","guid":{"rendered":"http:\/\/ufqi.com\/blog\/?p=2056"},"modified":"2019-08-10T08:21:42","modified_gmt":"2019-08-10T00:21:42","slug":"hanjst-error-reporting-innerloop-and-loadinglayer","status":"publish","type":"post","link":"https:\/\/ufqi.com\/blog\/hanjst-error-reporting-innerloop-and-loadinglayer\/","title":{"rendered":"\u6c49\u5409\u65af\u7279Hanjst+\u66f4\u65b0\u5347\u7ea7:error reporting, innerLoop\u548cloadingLayer"},"content":{"rendered":"

\u8fc7\u53bb\u7684\u51e0\u4e2a\u6708\u91cc\uff0c\u6c49\u5409\u65af\u7279Hanjst\u8fdb\u884c\u4e86\u4e00\u4e9b\u5347\u7ea7\uff0c\u6709\u529f\u80fd\u589e\u5f3a\uff0c\u4e5f\u6709\u6027\u80fd\u4f18\u5316\uff0c\u4e3aHanjst\u7684\u751f\u4ea7\u73af\u5883\u90e8\u7f72\u589e\u7816\u6dfb\u74e6\u3001\u4fdd\u9a7e\u62a4\u822a\u3002\u4e3a\u4fbf\u4e8e\u540e\u7eed\u7ef4\u62a4\u548c\u6301\u7eed\u66f4\u65b0\u6539\u8fdb\uff0c\u5179\u5907\u5fd8\u4e8e\u4e0b\u3002<\/p>\n

* 12:48 Saturday, April 27, 2019, + readable error reporting for template erros
* 19:19 Sunday, May 19, 2019, + renderTemplateRecurse for deep-in include files.
* 18:44 Friday, May 31, 2019, + allow limited support for variables in xxxelse scope, bugfix for includeScript.
* 07:58 6\/2\/2019, + imprvs with _appendScript to appendScript for async call.
* 16:31 Wednesday, June 5, 2019, + imprvs with parentNode=BODY
* 19:18 Monday, June 10, 2019, + bugfix for asyncScripts.
* 22:29 Thursday, June 13, 2019, + loadingLayer. “<div id=”Hanjstloading” style=”width: 100%; height: 100%; z-index: 99;”> Xxxx Loading… \u52a0\u8f7d\u4e2d… <\/div>” .
* 21:36 Thursday, June 20, 2019, + warning for MSIE browsers.<\/p>\n

    \n
  1. \u589e\u52a0\u53ef\u8bfb\u6027\u9519\u8bef\u5f02\u5e38\u62a5\u544a<\/strong>
    \u5f53Hanjst\u9047\u5230\u8bed\u6cd5\u9519\u8bef\u65f6\uff0c\u629b\u51fa\u53ef\u8bfb\u6027\u7684\u5f02\u5e38\u4ee3\u7801\u63cf\u8ff0\uff0c\u5f62\u6210\u53ef\u4ee5\u8ffd\u8e2a\u7684\u9519\u8bef\u62a5\u544a\uff0c\u5176\u5927\u81f4\u5f62\u5f0f\u5982\u4e0b\uff1a
    \n
    \n

    Hanjst template code exec failed.<\/p>\n

    {“stack”:”ReferenceError: $myAds2 is not defined\\n at eval (eval at renderTemplate (http:\/\/example.com\/view\/default\/js\/Hanjst.js?v=201906171103:468:15),\u00a0:405:1)\\n at renderTemplate (http:\/\/example.com\/\/view\/default\/js\/Hanjst.js?v=201906171103:468:39)\\n at _callRender (http:\/\/example.com\/\/view\/default\/js\/Hanjst.js?v=201906171103:679:9)\\n at http:\/\/example.com\/\/view\/default\/js\/Hanjst.js?v=201906171103:698:9\\n at http:\/\/example.com\/\/view\/default\/js\/Hanjst.js?v=201906171103:701:3″,”message”:”$myAds2 is not defined”}<\/p>\n

    Line 404:<\/p>\n

    Line 405: if( $myAds2[‘sadplace’]==’homepage_up_right’){<\/p>\n

    Line 406: tpl2js.push(” <a href=\\””);<\/p>\n

    <\/span><\/p><\/blockquote>\n

    \u6839\u636e\u8fd9\u4e9b\u5177\u4f53\u5230\u884c\u53f7\u7684\u9519\u8bef\u63d0\u793a\u4fe1\u606f\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u8f83\u5feb\u5730\u627e\u5230\u51fa\u9519\u4f4d\u7f6e\u5e76\u8fdb\u884c\u4fee\u6b63\u3002\u5982\u4e0a\u6240\u793a\uff0c\u8868\u660e\u5728\u6a21\u677f\u5f15\u64ce\u8fdb\u884c\u89e3\u6790\u65f6\uff0c\u53d1\u73b0\u5728\u7b2c405\u884c\u6709\u672a\u5b9a\u4e49\u7684 $myAds2 \u8fd9\u6837\u7684\u53d8\u91cf\u672a\u7ecf\u521d\u59cb\u5316\u5c31\u5f00\u59cb\u4f7f\u7528\uff0c\u6240\u4ee5\u62a5\u9519\u3002<\/p>\n

    \u6ce8\u610f\uff01\u503c\u5f97\u6ce8\u610f\uff01 Hanjst \u5168\u7a0b\u5f00\u542f JavaScript \u7684 Strict mode\uff0c\u4e0d\u5141\u8bb8\u4f7f\u7528\u672a\u7ecf\u5b9a\u4e49\u7684\u53d8\u91cf\uff01<\/strong><\/p>\n<\/li>\n

  2. \u6539\u8fdbHanjst\u5faa\u73af\u5d4c\u5957\u6a21\u677f\u7684\u5904\u7406\u65b9\u6cd5<\/strong>
    \u5728\u521d\u7248\u7684 Hanjst\u6a21\u677f\u5f15\u64ce\u8bbe\u8ba1\u4e2d\uff0c\u6211\u4eec\u5047\u5b9a\u6a21\u677f\u7684\u5d4c\u5957\u53ea\u6709\u4e00\u5c42\uff0c\u4e5f\u5373\u4e00\u4e2a\u6a21\u677f\u4e2d\u901a\u8fc7include \u6307\u4ee4\u5f15\u5165\u4e86\u53e6\u5916\u4e00\u4e2a\u6a21\u677f\u5185\u5bb9\u3002
    {include file=”$anotherTemplateFileContent”}\n

    \u968f\u7740 Hanjst \u5e94\u7528\u573a\u666f\u7684\u590d\u6742\u5316\uff0c\u591a\u5c42\u5d4c\u5957\u6210\u4e3a\u5fc5\u7136\uff0c\u6709\u9274\u4e8e\u6b64\uff0c\u6211\u4eec\u5347\u7ea7\u6539\u8fdb\u4e86 Hanjst\uff0c\u5141\u8bb8\u65e0\u9650\u5c42\u7684\u6a21\u677f\u5185\u5bb9\u5d4c\u5957\u3002\u4e5f\u5c31\u662f\u7236\u9875\u9762\u53ef\u4ee5\u5f15\u5165\u5d4c\u5957\u5b50\u9875\u9762\uff0c\u5b50\u9875\u9762\u5185\u4e5f\u53ef\u4ee5\u8fdb\u4e00\u6b65\u7684\u5d4c\u5957\u5f15\u5165\u5b59\u9875\u9762\uff0c\u5982\u6b64\u9012\u5f52\u4e0d\u6b62\u3002<\/p>\n<\/li>\n

  3. \u589e\u52a0\u5bf9 forelse, foreachelse, whileelse\u4e0b\u7684\u6a21\u677f\u8bed\u8a00<\/strong>\u652f\u6301
    \u901a\u5e38\u60c5\u51b5\u4e0b\uff0c\u5982\u679c\u5faa\u73af\u4e00\u4e2a\u6570\u5217\uff0c\u5982\u679c\u9047\u5230\u8f6e\u7a7a\u7684\u60c5\u51b5\uff0c\u9ed8\u8ba4\u6211\u4eec\u8bbe\u8ba1\u4e86\u7ed9\u4e00\u4e2a\u63d0\u793a\uff0c\u5982\u4e0b\u6240\u793a\u3002
    \n

    {foreach $myList as $l}
    \u00a0 \u00a0 \/\/- some data
    {foreachelse}
    \u00a0 \u00a0 \/\/- a warning…
    {\/foreach}<\/p><\/blockquote>\n

    \u8fd9\u6b21\u6539\u8fdb\u662f\u5728 \u201ca warning” \u90e8\u5206\u7ed9\u4e0e\u6709\u9650\u529f\u80fd\u7684\u6a21\u677f\u652f\u6301\uff0c\u6bd4\u5982\u5141\u8bb8\u4f7f\u7528\u53d8\u91cf\u8fdb\u884c\u66ff\u6362\u64cd\u4f5c\u7b49\u3002<\/p>\n<\/li>\n

  4. \u6539\u8fdb\u5bf9async\u5f15\u5165\u811a\u672c\u7684\u5904\u7406\u65b9\u6cd5<\/strong>
    \u5bf9\u5d4c\u5957\u9875\u9762\u7684\u811a\u672c\u7a0b\u5e8f\u5f15\u5165\u6709\u4e24\u79cd\u65b9\u5f0f\uff0c\u4e00\u79cd\u662f\u76f4\u63a5\u6267\u884c\uff0c\u53e6\u5916\u4e00\u79cd\u65b9\u5f0f\u662f\u8bb0\u8d26\u5e76\u5ef6\u540e\u8fdb\u884c\u5f15\u5165\u3002
    \u5176\u4e2d\u540e\u9762\u4e00\u79cd\u5f02\u6b65\u7684async\u65b9\u5f0f\uff0c\u5bf9\u63d0\u5347\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\u6709\u5f88\u5927\u5e2e\u52a9\u3002\u6240\u4ee5\u5728 Hanjst\u7684\u6539\u8fdb\u4e2d\u4e88\u4ee5\u5b9e\u73b0\uff0c\u5f53\u6709\u975e\u5fc5\u8981\u53ef\u4ee5\u5ef6\u540e\u52a0\u8f7d\u7684\u811a\u672c\uff0c\u90fd\u53ef\u4ee5\u901a\u8fc7 async\u65b9\u5f0f\u5b89\u6392\u5f53\u9875\u9762\u9996\u5c4f\u52a0\u8f7d\u5b8c\u6210\u540e\u518d\u7ee7\u7eed\u3002
    \u4e0a\u9762\u662f\u7406\u60f3\u60c5\u51b5\uff0c\u8fd8\u6709\u975e\u7406\u60f3\u7684\u60c5\u51b5\u65f6\uff0c\u5f53\u6709\u4e9b\u9875\u9762\u5143\u7d20\u8fd8\u4e3a\u5c31\u7eea\u65f6\uff0c\u4e00\u4e9b\u4f9d\u8d56\u4e8e\u5176\u4e0a\u7684\u811a\u672c\u5c31\u65e0\u6cd5\u6267\u884c\uff0c\u8fd9\u65f6\u5019\u5c31\u662f\u8feb\u4e0d\u5f97\u5df2\u9700\u8981\u7b49\u9875\u9762\u5143\u7d20\u5c31\u7eea\u540e\u518d\u52a0\u8f7d\u811a\u672c\u7a0b\u5e8f\u3002
    \u6839\u636e\u8fd9\u4e9b\uff0c\u6211\u4eec\u5efa\u8bae\u5bf9\u8c61\u4ec0\u4e48\u7c7b\u811a\u672c\u7a0b\u5e8f\u53ef\u4ee5\u76f4\u63a5\u52a0\u8f7d\uff0c\u800c\u5bf9\u5bf9\u8c61\u7684\u8c03\u7528\u7c7b\u811a\u672c\uff0c\u4e00\u822c\u90fd\u5b89\u6392async\u5f02\u6b65\u52a0\u8f7d\u4e3a\u597d\u3002
    \n

    <!–
    JavaScript codes which will be run only once after Hanjst’s work,
    should be placed below here, after Hanjst, and keep in mind:
    1) ‘use strict’ mode, add comma for each sentence;
    2) src of Objects should be loaded in sync mode, e.g. jquery.min.js;
    3) invokes with Objects should be loaded in async mode, e.g. base.js;
    –><\/p><\/blockquote>\n<\/li>\n

  5. \u589e\u52a0\u5bf9Hanjst\u7236\u5143\u7d20\u7684\u63a2\u6d4b<\/strong>
    \u8fd9\u662f\u6539\u8fdb\u662f\u7531\u4e8e HTM\u672c\u8eab\u9650\u5236\u5bfc\u81f4\u7684\uff0c\u6839\u636e\u5b9e\u9a8c\u7ed3\u679c\u6240\u793a\uff0c\u6d4f\u89c8\u5668\u7684\u89e3\u6790\u5f15\u64ce\u8fdb\u884c\u9875\u9762\u6e32\u67d3\u65f6\uff0c\u5982\u679c\u662f\u653e\u5165\u672a\u5173\u95ed\u7684 div \u5185\u7684\u811a\u672c\uff0c\u9ed8\u8ba4\u662f\u4e0d\u6267\u884c\u800c\u76f4\u63a5\u8df3\u8fc7\u7684\u3002
    \u5982\u6b64\u4ee5\u6765\uff0c\u5982\u679c\u5c06 Hanjst \u653e\u5165\u4e00\u4e2a div \u5143\u7d20\uff0c\u5219\u9ed8\u8ba4\u968f\u9875\u9762\u81ea\u52a8\u542f\u52a8\u7684 Hanjst\u89e3\u6790\u5f15\u64ce\u542f\u52a8\u540e\uff0c\u968f\u540e\u7684\u52a0\u8f7d\u5d4c\u5957\u9875\u9762\u7684\u811a\u672c\u7b49\u5c31\u65e0\u6cd5\u5b9e\u73b0\u4e86\u3002
    \u6709\u9274\u4e8e\u6b64\uff0c\u5f53 Hanjst\u542f\u52a8\u65f6\uff0c\u63a2\u6d4b\u5982\u679c\u5176\u7236\u5143\u7d20\u4e0d\u662f\u9ed8\u8ba4\u548c\u9884\u671f\u7684 body \u65f6\uff0c\u5c31\u629b\u51fa\u5f02\u5e38\u8fdb\u884c\u62a5\u9519\u3002
    \u5f85\u5f00\u53d1\u8005\u8fdb\u4e00\u6b65\u89e3\u51b3\u95ee\u9898\u4e4b\u540e\u518d\u7ee7\u7eed\u3002\n

    <\/li>\n

  6. \u589e\u52a0loadingLayer<\/strong>
    \u5f53Hanjst\u8fdb\u884c\u7f16\u8bd1\u9875\u9762\u65f6\uff0c\u539f\u59cb\u4ee3\u7801\u4f1a\u66dd\u9732\u7ed9\u8c03\u7528\u8005\uff0c\u5c3d\u7ba1\u65f6\u95f4\u662f \u6beb\u79d2\u7ea7\uff08ms\uff09\u7684\uff0c\u4f46\u5982\u679c\u78b0\u4e0a\u8f83\u6162\u7684\u7f51\u901f\uff0c\u4f9d\u7136\u6709\u4e0d\u5b8c\u7f8e\u7684\u201c\u5370\u8c61\u201d\u3002
    \u4e3a\u6b64\uff0c\u6211\u4eec\u8bbe\u8ba1\u4e86\u5f53 Hanjst \u5de5\u4f5c\u65f6\uff0c\u524d\u7aef\u9884\u7f6e\u4e00\u4e2a”\u5e55\u5e03”, loadingLayer , \u663e\u793a\u7ed9\u7528\u6237\uff0c\u5f53\u9875\u9762\u5b8c\u6210\u7f16\u8bd1\u540e\uff0c\u5927\u5e55\u63ed\u5f00\uff0c\u5b8c\u7f8e\u5448\u73b0\uff01
    \n

    <div id=”Hanjstloading” style=”width:100%;height:100%;z-index:99;opacity:0.92;position:absolute;background-color:#ffffff;”> Hanjst Loading… \u52a0\u8f7d\u4e2d<\/p><\/blockquote>\n

    Hanjst loading layer\u9ed8\u8ba4\u7684\u5143\u7d20id\u662f Hanjstloading, \u4e5f\u53ef\u4ee5\u901a\u8fc7\u542f\u52a8\u53c2\u6570\uff1a<\/p>\n

    Hanjst.LoadingLayerId = ‘myLoadingLayer’;<\/p><\/blockquote>\n

    \u6765\u6307\u5b9a\u81ea\u5b9a\u4e49\u7684\u5143\u7d20Id\u3002<\/p>\n<\/li>\n

  7. \u589e\u52a0\u5bf9\u8fc7\u65f6MSIE\u7684\u63a2\u6d4b<\/strong>
    \u5982\u679c\u6d4f\u89c8\u5668\u592a\u8001\u4e86\uff0c\u6bd4\u5982 \u5fae\u8f6f IE\u6d4f\u89c8\u5668\uff0c\u7279\u522b\u662f8.0\u4ee5\u524d\u7684\u7248\u672c\uff0c\u5bf9JavaScript\u652f\u6301\u6709\u9650\uff0c\u65e0\u6cd5\u987a\u5229\u5b8c\u6210 Hanjst \u7684\u7f16\u8bd1\u4e0e\u89e3\u6790\uff0c\u5c31\u4f1a\u51fa\u9519\u3002
    \u4e3a\u4fbf\u4e8e\u7528\u6237\u611f\u77e5\u8fd9\u4e9b\uff0c\u6211\u4eec\u6539\u8fdb Hanjst \u589e\u52a0\u4e86\u5bf9 MSIE\u592a\u8001\u7248\u672c\u7684\u63a2\u6d4b\uff0c\u5e76\u7ed9\u7528\u4e8e\u76f8\u5e94\u7684\u63d0\u793a\u3002\n

    <\/li>\n<\/ol>\n

    \n


    Hanjst\u662f\u4e00\u79cd\u57fa\u4e8eJavaScript\u7684\u6a21\u677f\u8bed\u8a00\u53ca\u89e3\u6790\u5f15\u64ce\uff0c\u5979\u8fd0\u884c\u5728\u5ba2\u6237\u7aef\/\u670d\u52a1\u5668\u7aef\u3002<\/p>\n

    Hanjst\u80fd\u591f\u8868\u8ff0\u903b\u8f91\u63a7\u5236\uff0c\u80fd\u591f\u5b9e\u73b0\u4e0e\u670d\u52a1\u5668\u7aef\u6a21\u5757\u8bed\u8a00\u76f8\u540c\u7684\u529f\u80fd\u3002<\/p>\n