{"id":2530,"date":"2017-06-08T11:52:04","date_gmt":"2017-06-08T03:52:04","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2530"},"modified":"2017-06-08T11:52:04","modified_gmt":"2017-06-08T03:52:04","slug":"%e5%8a%a8%e6%80%81%e5%8a%a0%e8%bd%bdcss%e6%96%b9%e6%b3%95%e5%ae%9e%e7%8e%b0%e5%92%8c%e6%b7%b1%e5%85%a5%e8%a7%a3%e6%9e%90","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2530","title":{"rendered":"\u52a8\u6001\u52a0\u8f7dcss\u65b9\u6cd5\u5b9e\u73b0\u548c\u6df1\u5165\u89e3\u6790"},"content":{"rendered":"<p>\u4e00\u3001\u65b9\u6cd5\u5f15\u7528\u6765\u6e90\u548c\u5e94\u7528<\/p>\n<p>\u6b64\u52a8\u6001\u52a0\u8f7dcss\u65b9\u6cd5 loadCss\uff0c\u5265\u79bb\u81eaSea.js\uff0c\u5e76\u505a\u4e86\u8fdb\u4e00\u6b65\u7684\u4f18\u5316\uff08\u4f18\u5316\u4ee3\u7801\u540e\u7eed\u4f1a\u8fdb\u884c\u5206\u6790\uff09\u3002<\/p>\n<p>\u56e0\u4e3a\u516c\u53f8\u9879\u76ee\u9700\u8981\u7528\u5230\u61d2\u52a0\u8f7d\u6765\u63d0\u9ad8\u7f51\u7ad9\u52a0\u8f7d\u901f\u5ea6\uff0c\u6240\u4ee5\u5c06\u975e\u9996\u5c4f\u6e32\u67d3\u5fc5\u9700\u7684css\u6587\u4ef6\u8fdb\u884c\u52a8\u6001\u52a0\u8f7d\u64cd\u4f5c\u3002<\/p>\n<p>\u4e8c\u3001\u4f18\u5316\u540e\u7684\u5b8c\u6574\u4ee3\u7801<\/p>\n<pre>\/*\r\n* @function \u52a8\u6001\u52a0\u8f7dcss\u6587\u4ef6\r\n* @param {string} options.url -- css\u8d44\u6e90\u8def\u5f84\r\n* @param {function} options.callback -- \u52a0\u8f7d\u540e\u56de\u8c03\u51fd\u6570\r\n* @param {string} options.id -- link\u6807\u7b7eid\r\n*\/\r\nfunction loadCss(options){\r\n    var url = options.url,\r\n        callback = typeof options.callback == \"function\" ? options.callback : function(){},\r\n        id = options.id,\r\n        node = document.createElement(\"link\"),\r\n        supportOnload = \"onload\" in node,\r\n        isOldWebKit = +navigator.userAgent.replace(\/.*(?:AppleWebKit|AndroidWebKit)\\\/?(\\d+).*\/i, \"$1\") &lt; 536, \/\/ webkit\u65e7\u5185\u6838\u505a\u7279\u6b8a\u5904\u7406\r\n        protectNum = 300000; \/\/ \u9608\u503c10\u5206\u949f\uff0c\u4e00\u79d2\u949f\u6267\u884cpollCss 500\u6b21\r\n\r\n    node.rel = \"stylesheet\";\r\n    node.type = \"text\/css\";\r\n    node.href = url;\r\n    if( typeof id !== \"undefined\" ){\r\n        node.id = id;\r\n    }\r\n    document.getElementsByTagName(\"head\")[0].appendChild(node);\r\n\r\n    \/\/ for Old WebKit and Old Firefox\r\n    if (isOldWebKit || !supportOnload) {\r\n        \/\/ Begin after node insertion\r\n        setTimeout(function() {\r\n            pollCss(node, callback, 0);\r\n        }, 1);\r\n        return;\r\n    }\r\n\r\n    if(supportOnload){\r\n        node.onload = onload;\r\n        node.onerror = function() {\r\n            \/\/ \u52a0\u8f7d\u5931\u8d25(404)\r\n            onload();\r\n        }\r\n    }else{\r\n        node.onreadystatechange = function() {\r\n            if (\/loaded|complete\/.test(node.readyState)) {\r\n                onload();\r\n            }\r\n        }\r\n    }\r\n\r\n    function onload() {\r\n        \/\/ \u786e\u4fdd\u53ea\u8dd1\u4e00\u6b21\u4e0b\u8f7d\u64cd\u4f5c\r\n        node.onload = node.onerror = node.onreadystatechange = null;\r\n\r\n        \/\/ \u6e05\u7a7anode\u5f15\u7528\uff0c\u5728\u4f4e\u7248\u672cIE\uff0c\u4e0d\u6e05\u9664\u4f1a\u9020\u6210\u5185\u5b58\u6cc4\u9732\r\n        node = null;\r\n\r\n        callback();\r\n    }\r\n\r\n    \/\/ \u5faa\u73af\u5224\u65adcss\u662f\u5426\u5df2\u52a0\u8f7d\u6210\u529f\r\n    \/*\r\n    * @param node -- link\u8282\u70b9\r\n    * @param callback -- \u56de\u8c03\u51fd\u6570\r\n    * @param step -- \u8ba1\u6b65\u5668\uff0c\u907f\u514d\u65e0\u9650\u5faa\u73af\r\n    *\/\r\n    function pollCss(node, callback, step){\r\n        var sheet = node.sheet,\r\n            isLoaded;\r\n\r\n        step += 1;\r\n\r\n        \/\/ \u4fdd\u62a4\uff0c\u5927\u4e8e10\u5206\u949f\uff0c\u5219\u4e0d\u518d\u8f6e\u8be2\r\n        if(step &gt; protectNum){\r\n            isLoaded = true;\r\n\r\n            \/\/ \u6e05\u7a7anode\u5f15\u7528\r\n            node = null;\r\n\r\n            callback();\r\n            return;\r\n        }\r\n\r\n        if(isOldWebKit){\r\n            \/\/ for WebKit &lt; 536\r\n            if(sheet){\r\n                isLoaded = true;\r\n            }\r\n        }else if(sheet){\r\n            \/\/ for Firefox &lt; 9.0\r\n            try{\r\n                if(sheet.cssRules){\r\n                    isLoaded = true;\r\n                }\r\n            }catch(ex){\r\n                \/\/ \u706b\u72d0\u7279\u6b8a\u7248\u672c\uff0c\u901a\u8fc7\u7279\u5b9a\u503c\u83b7\u77e5\u662f\u5426\u4e0b\u8f7d\u6210\u529f\r\n                \/\/ The value of `ex.name` is changed from \"NS_ERROR_DOM_SECURITY_ERR\"\r\n                \/\/ to \"SecurityError\" since Firefox 13.0. But Firefox is less than 9.0\r\n                \/\/ in here, So it is ok to just rely on \"NS_ERROR_DOM_SECURITY_ERR\"\r\n                if(ex.name === \"NS_ERROR_DOM_SECURITY_ERR\"){\r\n                    isLoaded = true;\r\n                }\r\n            }\r\n        }\r\n\r\n        setTimeout(function() {\r\n            if(isLoaded){\r\n                \/\/ \u5ef6\u8fdf20ms\u662f\u4e3a\u4e86\u7ed9\u4e0b\u8f7d\u7684\u6837\u5f0f\u7559\u591f\u6e32\u67d3\u7684\u65f6\u95f4\r\n                callback();\r\n            }else{\r\n                pollCss(node, callback, step);\r\n            }\r\n        }, 20);\r\n    }\r\n}<\/pre>\n<p>\u4e09\u3001\u89e3\u6790\u4ee3\u7801<\/p>\n<p>\u4e00\u3001\u53c2\u6570<\/p>\n<p>\u672c\u65b9\u6cd5\u652f\u6301\u4e09\u4e2a\u53c2\u6570\uff0c\u53ef\u8fdb\u884c\u6269\u5c55\u3002<\/p>\n<p>1.1 opations.url<\/p>\n<p>url\u662f\u9700\u8981\u5f15\u5165\u7684css\u8d44\u6e90\u8def\u5f84\uff0c\u4e5f\u5373&lt;link&gt;\u6807\u7b7e\u7684href\u5c5e\u6027\u5185\u5bb9\u3002<\/p>\n<p>1.2 options.id<\/p>\n<p>id\u662f&lt;link&gt;\u6807\u7b7e\u7684id\u5c5e\u6027\u3002\u8fd9\u4e2a\u53c2\u6570\u4e3a\u975e\u5fc5\u8981\u53c2\u6570\uff0c\u53ef\u4e0d\u4f20\u3002\u4e3b\u8981\u4f5c\u7528\u662f\u6807\u8bb0\u5f53\u524d&lt;link&gt;\u6807\u7b7e\uff0c\u65b9\u4fbfjs\u8fdb\u884c\u67e5\u627e\uff0c\u4ee5\u786e\u5b9a\u662f\u5426\u5df2\u52a0\u8f7d\u67d0\u4e2acss\u6587\u4ef6\u3002<\/p>\n<p>1.3 options.callback<\/p>\n<p>callback\u662fcss\u6587\u4ef6\u52a0\u8f7d\u5b8c\u6210\u540e\u4f1a\u8c03\u7528\u7684\u56de\u8c03\u51fd\u6570\u3002\u4e5f\u5b58\u5728\u7279\u6b8a\u573a\u666f\u4e0b\uff0c\u6587\u4ef6\u52a0\u8f7d\u5931\u8d25\uff0c\u56de\u8c03\u51fd\u6570\u4ecd\u65e7\u6267\u884c\u7684\u60c5\u51b5\u3002<\/p>\n<p>\u4e8c\u3001\u751f\u6210&lt;link&gt;\u6807\u7b7e\uff0c\u5e76\u63d2\u5165\u5934\u90e8head\uff0c\u8fdb\u884c\u52a0\u8f7d\u8d44\u6e90<\/p>\n<pre>var url = options.url,\r\n    callback = typeof options.callback == \"function\" ? options.callback : function(){},\r\n    id = options.id,\r\n    node = document.createElement(\"link\");\r\n\r\nnode.rel = \"stylesheet\";\r\nnode.type = \"text\/css\";\r\nnode.href = url;\r\nif( typeof id !== \"undefined\" ){\r\n    node.id = id;\r\n}\r\ndocument.getElementsByTagName(\"head\")[0].appendChild(node);<\/pre>\n<p>\u751f\u6210\u4e00\u4e2adom\u8282\u70b9&lt;link&gt;\uff0c\u7136\u540e\u914d\u7f6e\u597drel\u3001type\u3001href\u7b49\u5fc5\u9700\u7684\u5c5e\u6027\u503c\uff0c\u4ee5\u4fbf\u6d4f\u89c8\u5668\u80fd\u6b63\u5e38\u89e3\u6790\u94fe\u63a5\u7684\u8d44\u6e90\u3002<br \/>\n\u63a5\u7740\uff0c\u67e5\u627e\u5230head\u8282\u70b9\uff0c\u5c06&lt;link&gt;\u8282\u70b9\u63d2\u5165\u3002<\/p>\n<p>\u4e09\u3001\u5b9e\u73b0css\u8d44\u6e90\u4e0b\u8f7d\u72b6\u6001\u76d1\u63a7\u7684pollCss\u65b9\u6cd5<\/p>\n<p>pollCss\u65b9\u6cd5\u7684\u804c\u8d23\u662f\u5224\u65ad\u63d2\u5165\u7684link\u8282\u70b9\uff0c\u4e5f\u5373node\u53d8\u91cf\u53cd\u9988\u8d44\u6e90\u662f\u5426\u5df2\u52a0\u8f7d\u5b8c\u6210\u3002<\/p>\n<p>3.1 \u5224\u65ad\u7684\u4e3b\u8981\u4f9d\u636e<\/p>\n<p>\u6d4f\u89c8\u5668\u52a0\u8f7dcss\u8d44\u6e90\uff0c\u4f1a\u7ed9\u8be5link\u8282\u70b9\u751f\u6210sheet\u5c5e\u6027\uff0c\u53ef\u4ee5\u6839\u636e\u6d4f\u89c8\u5668\u4e0d\u540c\uff0c\u8bfb\u53d6sheet\u5c5e\u6027\u76f8\u5173\u5185\u5bb9\uff0c\u6765\u5224\u65ad\u662f\u5426\u5df2\u7ecf\u52a0\u8f7d\u5b8c\u6210\u3002\u6240\u4ee5\u7b2c\u4e00\u53e5\u8bed\u53e5var sheet = node.sheet\u9996\u5148\u8981\u505a\u7684\u5c31\u662f\u83b7\u53d6sheet\u5c5e\u6027\u503c\u3002<\/p>\n<p>3.2 \u666e\u901a\u6d4f\u89c8\u5668\u5224\u65ad<\/p>\n<pre>try{\r\n    if(sheet.cssRules){\r\n        isLoaded = true;\r\n    }\r\n}catch(ex){\r\n    \/\/ \u706b\u72d0\u7279\u6b8a\u7248\u672c\uff0c\u901a\u8fc7\u7279\u5b9a\u503c\u83b7\u77e5\u662f\u5426\u4e0b\u8f7d\u6210\u529f\r\n    \/\/ The value of `ex.name` is changed from \"NS_ERROR_DOM_SECURITY_ERR\"\r\n    \/\/ to \"SecurityError\" since Firefox 13.0. But Firefox is less than 9.0\r\n    \/\/ in here, So it is ok to just rely on \"NS_ERROR_DOM_SECURITY_ERR\"\r\n    if(ex.name === \"NS_ERROR_DOM_SECURITY_ERR\"){\r\n        isLoaded = true;\r\n    }\r\n}<\/pre>\n<p>\u5982\u679c\u8bfb\u53d6sheet.cssRules\u6709\u503c\uff0c\u8bc1\u660ecss\u8d44\u6e90\u5df2\u7ecf\u94fe\u63a5\u8fdb\u9875\u9762\uff0c\u5e76\u5f00\u59cb\u89e3\u6790\u3002\u6b64\u65f6\u53ef\u4ee5\u5224\u65ad\u8d44\u6e90\u52a0\u8f7d\u6210\u529f\u3002<\/p>\n<p>\u5982\u679c\u8bfb\u53d6\u5931\u8d25\uff0c\u5219\u6839\u636e\u629b\u9519\u5185\u5bb9\uff0c\u5224\u65ad\u662f\u5426\u6709\u7279\u5b9aname\u5c5e\u6027ex.name === &#8220;NS_ERROR_DOM_SECURITY_ERR&#8221;\u3002\u5b58\u5728\uff0c\u5219\u4ee3\u8868\u662f\u4f4e\u7248\u672c\u706b\u72d0\uff089.0\u4ee5\u524d\uff09\uff0c\u4e14\u8d44\u6e90\u5df2\u7ecf\u52a0\u8f7d\u6210\u529f\u3002<\/p>\n<p>3.3 \u65e7webkit\u5185\u6838\u6d4f\u89c8\u5668\u5224\u65ad<\/p>\n<pre>var isOldWebKit = +navigator.userAgent.replace(\/.*(?:AppleWebKit|AndroidWebKit)\\\/?(\\d+).*\/i, \"$1\") &lt; 536; \/\/ webkit\u65e7\u5185\u6838\u505a\u7279\u6b8a\u5904\u7406\r\n\r\nif(isOldWebKit){\r\n    \/\/ for WebKit &lt; 536\r\n    if(sheet){\r\n        isLoaded = true;\r\n    }\r\n}<\/pre>\n<p>\u5982\u679c\u662fwebkit\u65e7\u5185\u6838\u6d4f\u89c8\u5668\uff0c\u5219\u53ea\u9700\u8981\u5224\u65adsheet\u5c5e\u6027\u503c\u5b58\u5728\uff0c\u5219\u4ee3\u8868\u8d44\u6e90\u52a0\u8f7d\u5b8c\u6210\u3002<\/p>\n<p>3.4 \u589e\u52a0\u591a\u6b21\u5faa\u73af\u68c0\u6d4b<\/p>\n<pre>setTimeout(function() {\r\n    if(isLoaded){\r\n        \/\/ \u5ef6\u8fdf20ms\u662f\u4e3a\u4e86\u7ed9\u4e0b\u8f7d\u7684\u6837\u5f0f\u7559\u591f\u6e32\u67d3\u7684\u65f6\u95f4\r\n        callback();\r\n    }else{\r\n        pollCss(node, callback, step);\r\n    }\r\n}, 20);<\/pre>\n<p>\u89e6\u53d1pollCss\u65b9\u6cd5\u540e\uff0c\u53ef\u80fd\u7b2c\u4e00\u6b21\u68c0\u6d4bsheet\u503c\uff0c\u4f1a\u68c0\u6d4b\u4e0d\u5230\u3002\u4e5f\u5c31\u4ee3\u8868\u8fd8\u6ca1\u52a0\u8f7d\u5b8c\u6210\u3002\u6240\u4ee5\u9700\u8981\u8fdb\u884c\u8f6e\u8be2\u3002\u8fd9\u91cc\u662f\u969420ms\u8fdb\u884c\u4e00\u6b21\u95ee\u8be2\uff0c\u76f4\u5230\u8d44\u6e90\u52a0\u8f7d\u5b8c\u6210\u4e3a\u6b62\u3002<\/p>\n<p>3.5 \u8f6e\u8be2\u5bb9\u9519\uff08\u9488\u5bf9Sea.js\u6e90\u7801\u7684\u4f18\u5316\uff09<\/p>\n<p>css\u8d44\u6e90\u52a0\u8f7d\u4e5f\u6709\u53ef\u80fd\u51fa\u9519\u7684\u65f6\u673a\u5b58\u5728\uff0c\u800c\u4e14\u5b58\u5728\u4e0d\u89e6\u53d1onerror\u65b9\u6cd5\u7684\u53ef\u80fd\u6027\u3002\u5982\u679c\u4e0d\u52a0\u4e00\u4e2a\u4fdd\u62a4\uff0c\u5219\u8f6e\u8be2\u53ef\u80fd\u4e00\u76f4\u6301\u7eed\u4e0b\u53bb\uff0c\u6240\u4ee5\u9700\u8981\u6709\u4e00\u4e2a\u6781\u9650\u9608\u503c\u3002<\/p>\n<pre>var protectNum = 300000, \/\/ \u9608\u503c10\u5206\u949f\uff0c\u4e00\u79d2\u949f\u6267\u884cpollCss 500\u6b21\r\n    step = 0;\r\n\r\n\/\/ \u5f88\u591a\u4ee3\u7801....\r\n\r\nstep += 1;\r\n\r\n\/\/ \u4fdd\u62a4\uff0c\u5927\u4e8e10\u5206\u949f\uff0c\u5219\u4e0d\u518d\u8f6e\u8be2\r\nif(step &gt; protectNum){\r\n    isLoaded = true;\r\n\r\n    \/\/ \u6e05\u7a7anode\u5f15\u7528\r\n    node = null;\r\n\r\n    callback();\r\n    return;\r\n}\r\n<\/pre>\n<p>\u8fd9\u91cc\u7684\u9608\u503c\u662f\u8f6e\u8be210\u5206\u949f\uff0c\u5982\u679c10\u5206\u949f\u540e\uff0c\u4ecd\u7136\u4e0d\u7b26\u5408\u6761\u4ef6\uff0c\u5219\u9ed8\u8ba4\u8d44\u6e90\u5df2\u4e0b\u8f7d\u5b8c\u6210\uff0c\u6267\u884ccallback\u65b9\u6cd5\uff0c\u5e76\u6e05\u7a7anode\u5f15\u7528\u3002<\/p>\n<p>\u56db\u3001\u786e\u5b9a\u89e6\u53d1pollCss\u68c0\u67e5\u7684\u65f6\u673a<\/p>\n<p>4.1 pollCss\u8f6e\u8be2\u7684\u5e94\u7528\u573a\u666f<br \/>\n\u5f53\u6d4f\u89c8\u5668\u5185\u6838\u662f\u65e7\u7684webkit\u5185\u6838\u65f6\uff0c\u6216\u8005\u4e0d\u652f\u6301&lt;link&gt;\u8282\u70b9\u89e6\u53d1onload\u65b9\u6cd5\u65f6\uff0c\u624d\u4f7f\u7528pollCss\u8fdb\u884c\u8f6e\u8be2\u3002<\/p>\n<pre>\/\/ for Old WebKit and Old Firefox\r\nif (isOldWebKit || !supportOnload) {\r\n    \/\/ Begin after node insertion\r\n    setTimeout(function() {\r\n        pollCss(node, callback, 0);\r\n    }, 1);\r\n    return;\r\n}<\/pre>\n<p>\u4e94\u3001\u73b0\u4ee3\u6d4f\u89c8\u5668\u76f4\u63a5\u7528onload\u548conreadystatechange\u505a\u5224\u65ad<\/p>\n<p>\u73b0\u4ee3\u6d4f\u89c8\u5668\u7528\u8fd9\u79cd\u65b9\u5f0f\u5224\u65ad\uff0c\u53ef\u4ee5\u907f\u514d\u8f6e\u8be2\u7684\u5f0a\u7aef\u3002\u5224\u65ad\u4e5f\u66f4\u52a0\u51c6\u786e\u53ca\u65f6\u3002<\/p>\n<p>5.1 onload\u65b9\u6cd5<\/p>\n<pre>function onload() {\r\n    \/\/ \u786e\u4fdd\u53ea\u8dd1\u4e00\u6b21\u4e0b\u8f7d\u64cd\u4f5c\r\n    node.onload = node.onerror = node.onreadystatechange = null;\r\n\r\n    \/\/ \u6e05\u7a7anode\u5f15\u7528\uff0c\u5728\u4f4e\u7248\u672cIE\uff0c\u4e0d\u6e05\u9664\u4f1a\u9020\u6210\u5185\u5b58\u6cc4\u9732\r\n    node = null;\r\n\r\n    callback();\r\n}<\/pre>\n<p>onload\u65b9\u6cd5\u89e6\u53d1\u6267\u884c\u540e\uff0c\u5e94\u7acb\u5373\u5c06\u591a\u4e2a\u76f8\u5173\u65b9\u6cd5\u8fdb\u884c\u91cd\u7f6e\uff0c\u4ee5\u907f\u514dcallback\u591a\u6b21\u89e6\u53d1\u3002<\/p>\n<p>node = null;\u5c06node\u91cd\u7f6e\u4e3anull\uff0c\u662f\u4e3a\u4e86\u907f\u514d\u4f4e\u7248\u672c\u7684IE\u51fa\u73b0\u5185\u5b58\u6ea2\u51fa\u95ee\u9898\uff0c\u53ca\u65f6\u6e05\u9664\u6ca1\u7528\u7684dom\u8282\u70b9\u3002<\/p>\n<p>\u6700\u540e\uff0c\u6267\u884ccallback\u65b9\u6cd5\u3002<\/p>\n<p>5.2 \u652f\u6301onload\u65b9\u6cd5\u6d4f\u89c8\u5668\u7684\u5904\u7406<\/p>\n<pre>if(supportOnload){\r\n    node.onload = onload;\r\n    node.onerror = function() {\r\n        \/\/ \u52a0\u8f7d\u5931\u8d25(404)\r\n        onload();\r\n    }\r\n}\r\n<\/pre>\n<p>5.3 \u4e0d\u652f\u6301onload\u65b9\u6cd5\u6d4f\u89c8\u5668\u7684\u5904\u7406<\/p>\n<pre>if(supportOnload){\r\n    \/\/ \u4ee3\u7801...\r\n}else{\r\n    node.onreadystatechange = function() {\r\n        if (\/loaded|complete\/.test(node.readyState)) {\r\n            onload();\r\n        }\r\n    }\r\n}<\/pre>\n<p>\u56db\u3001\u540e\u8bb0<\/p>\n<p>\u9009\u62e9\u5265\u79bbSea.js\u65b9\u6cd5\u8fdb\u884c\u6539\u9020\u7684\u539f\u56e0\uff1a\u56e0\u4e3a\u8be5js\u5e93\u4f7f\u7528\u4eba\u7fa4\u5f88\u5e7f\u6cdb\uff0c\u5982\u679c\u51fa\u95ee\u9898\uff0c\u4f5c\u8005\u4e5f\u4f1a\u53ca\u65f6\u4fee\u590d\u3002\u6240\u4ee5\uff0c\u4ee5\u6b64\u4ee3\u7801\u4e3a\u84dd\u672c\u8fdb\u884c\u6539\u9020\u5951\u5408\u516c\u53f8\u7684\u7528\u6237\u7fa4\uff0c\u907f\u514d\u5927\u9762\u79ef\u51fa\u73b0\u95ee\u9898\u3002<\/p>\n<p>\u5728\u4ea7\u54c1\u4e0a\u5e94\u7528\u8be5\u65b9\u6cd5\u540e\uff0c\u5230\u76ee\u524d\u4e3a\u6b62\uff0c\u672a\u6709\u5ba2\u6237\u53cd\u9988\u6837\u5f0f\u5f02\u5e38\u95ee\u9898\u3002\u6240\u4ee5\uff0c\u770b\u672c\u6587\u7ae0\u7684\u7a0b\u5e8f\u733f\u4eec\uff0c\u53ef\u4ee5\u653e\u5fc3\u4f7f\u7528\u3002<\/p>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=2530\">\u52a8\u6001\u52a0\u8f7dcss\u65b9\u6cd5\u5b9e\u73b0\u548c\u6df1\u5165\u89e3\u6790<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u4e00\u3001\u65b9\u6cd5\u5f15\u7528\u6765\u6e90\u548c\u5e94\u7528 \u6b64\u52a8\u6001\u52a0\u8f7dcss\u65b9\u6cd5 loadCss\uff0c\u5265\u79bb\u81eaSea.js\uff0c\u5e76\u505a\u4e86\u8fdb\u4e00\u6b65\u7684\u4f18\u5316\uff08\u4f18\u5316\u4ee3\u7801\u540e\u7eed\u4f1a\u8fdb\u884c\u5206\u6790\uff09\u3002 \u56e0\u4e3a\u516c\u53f8\u9879\u76ee\u9700\u8981\u7528\u5230\u61d2\u52a0\u8f7d\u6765\u63d0\u9ad8\u7f51\u7ad9\u52a0\u8f7d\u901f\u5ea6\uff0c\u6240\u4ee5\u5c06\u975e\u9996\u5c4f\u6e32\u67d3\u5fc5\u9700\u7684c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[28,9,328],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2530"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2530"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2530\/revisions"}],"predecessor-version":[{"id":2531,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2530\/revisions\/2531"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2530"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}