\u5fae\u79ef\u5206\u00b7\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60\u7cfb\u7edf<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.9\/dist\/katex.min.css\">\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n \n :root {\n --primary: #6366f1;\n --primary-dark: #4f46e5;\n --secondary: #8b5cf6;\n --accent: #06b6d4;\n --success: #10b981;\n --warning: #f59e0b;\n --danger: #ef4444;\n --dark: #0f172a;\n --dark-light: #1e293b;\n --gray: #64748b;\n --light: #f1f5f9;\n --white: #ffffff;\n --gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n --gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n --gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n --gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);\n }\n\n \/* \u57fa\u7840\u6837\u5f0f *\/\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n background-attachment: fixed;\n color: var(--dark);\n line-height: 1.6;\n min-height: 100vh;\n }\n\n .wp-block-group {\n margin-bottom: 2rem;\n }\n \n .wp-block-columns {\n margin-bottom: 2rem;\n }\n \n \/* \u81ea\u5b9a\u4e49\u5757\u6837\u5f0f *\/\n .knowledge-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 24px;\n padding: 2.5rem;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n border: 1px solid rgba(255, 255, 255, 0.5);\n }\n \n .example-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 20px;\n padding: 2rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n border-left: 4px solid var(--primary);\n }\n \n .math-content {\n font-size: 1.3rem;\n text-align: center;\n padding: 1rem;\n background: white;\n border-radius: 12px;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n min-height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .btn {\n padding: 0.625rem 1.25rem;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n font-weight: 600;\n transition: all 0.3s ease;\n font-size: 0.9rem;\n }\n \n .btn-primary {\n background: var(--gradient-1);\n color: white;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\n @media (max-width: 768px) {\n .wp-block-columns {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"wp-block-group navbar is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:1rem;padding-right:2rem;padding-bottom:1rem;padding-left:2rem\">\n \n <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group logo is-content-justification-left is-layout-flex wp-container-core-group-is-layout-5aa5b88e wp-block-group-is-layout-flex\">\n \n <div class=\"wp-block-group logo-icon is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:10px;background:var(--gradient-1);width:40px;height:40px\">\n \n <p class=\"has-white-color\" style=\"font-size:1.2rem;font-weight:800;text-align:center\">\u222b<\/p>\n \n <\/div>\n \n \n <p style=\"font-size:1.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">\u5fae\u79ef\u5206\u00b7\u79ef\u5206\u65b9\u6cd5\u5b66\u4e60\u7cfb\u7edf<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-ffb1e823 wp-block-buttons-is-layout-flex\">\n <button class=\"nav-btn active btn\" onclick=\"switchView('home')\">\u9996\u9875<\/button>\n <button class=\"nav-btn btn\" onclick=\"switchView('substitution')\">\u6362\u5143\u6cd5<\/button>\n <button class=\"nav-btn btn\" onclick=\"switchView('integration')\">\u5206\u90e8\u79ef\u5206<\/button>\n <button class=\"nav-btn btn\" onclick=\"switchView('practice')\">\u667a\u80fd\u7ec3\u4e60<\/button>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n\n \n \n <div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem\">\n \n \n <div id=\"home\" class=\"wp-block-group view active is-layout-flow wp-block-group-is-layout-flow\">\n \n <h1 class=\"page-title has-white-color wp-block-heading\" style=\"font-size:2.5rem;font-weight:800\">\ud83c\udf93 \u5fae\u79ef\u5206\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60<\/h1>\n \n \n \n <p class=\"page-subtitle has-white-color\" style=\"font-size:1.1rem;opacity:0.9\">\u901a\u8fc7\u4ea4\u4e92\u5f0f\u52a8\u753b\u548c\u8be6\u7ec6\u89e3\u6790\uff0c\u638c\u63e1\u6362\u5143\u6cd5\u3001\u5206\u90e8\u79ef\u5206\u7b49\u6838\u5fc3\u6280\u5de7<\/p>\n \n \n \n \n <div class=\"wp-block-columns stats-grid is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">15+<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">\u7cbe\u9009\u4f8b\u9898<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">3<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">\u6838\u5fc3\u65b9\u6cd5<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">\u221e<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">\u7ec3\u4e60\u9898\u76ee<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">100%<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">LaTeX\u6e32\u67d3<\/p>\n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n \n <div class=\"wp-block-columns knowledge-grid is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group knowledge-card is-layout-flow wp-block-group-is-layout-flow\" onclick=\"switchView('substitution')\" style=\"borderRadius:24px;padding:2.5rem\">\n \n <h3 class=\"wp-block-heading\" style=\"color:var(--primary);font-size:1.75rem\">\n <span class=\"knowledge-icon\" style=\"display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-1);border-radius:12px;color:white;font-size:1.5rem;margin-right:0.75rem\">\u222b<\/span>\n \u7b2c\u4e00\u3001\u4e8c\u6362\u5143\u6cd5\n <\/h3>\n \n \n \n <p>\u5b66\u4e60\u5982\u4f55\u901a\u8fc7\u5de7\u5999\u7684\u53d8\u91cf\u4ee3\u6362\uff0c\u5c06\u590d\u6742\u79ef\u5206\u8f6c\u5316\u4e3a\u57fa\u672c\u79ef\u5206\u5f62\u5f0f\u3002\u638c\u63e1\u51d1\u5fae\u5206\u6cd5\u548c\u4e09\u89d2\u6362\u5143\u7b49\u7ecf\u5178\u6280\u5de7\u3002<\/p>\n \n \n \n <div class=\"wp-block-group animation-container is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:2rem;borderRadius:16px;min-height:300px\">\n <svg width=\"300\" height=\"200\" viewBox=\"0 0 300 200\">\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6366f1;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#8b5cf6;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M 50 150 Q 150 50, 250 150\" stroke=\"url(#grad1)\" fill=\"none\" stroke-width=\"4\" stroke-linecap=\"round\">\n <animate attributeName=\"stroke-dasharray\" from=\"0,500\" to=\"500,0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/path>\n <circle cx=\"150\" cy=\"100\" r=\"40\" fill=\"url(#grad1)\" opacity=\"0.2\">\n <animate attributeName=\"r\" values=\"35;45;35\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <text x=\"150\" y=\"110\" text-anchor=\"middle\" font-size=\"24\" fill=\"#6366f1\" font-weight=\"bold\">u = \u03c6(x)<\/text>\n <\/svg>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n <\/div>\n \n <\/div>\n \n \n \n \n <div id=\"substitution\" class=\"wp-block-group view is-layout-flow wp-block-group-is-layout-flow\">\n \n <h1 class=\"page-title has-white-color wp-block-heading\" style=\"font-size:2.5rem\">\u222b \u6362\u5143\u79ef\u5206\u6cd5<\/h1>\n \n \n \n <p class=\"page-subtitle has-white-color\" style=\"opacity:0.9\">\u901a\u8fc7\u53d8\u91cf\u4ee3\u6362\u7b80\u5316\u79ef\u5206\u8fd0\u7b97<\/p>\n \n \n \n \n <div class=\"wp-block-group progress-indicator is-layout-flow wp-block-group-is-layout-flow\" style=\"borderRadius:16px;padding:1.5rem\">\n \n <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <p class=\"progress-title\" style=\"font-weight:700\">\u5b66\u4e60\u8fdb\u5ea6<\/p>\n \n <\/div>\n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <p class=\"progress-percent has-primary-color\" style=\"font-weight:700;font-size:1.25rem;text-align:right\">0%<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-group progress-bar-container is-layout-flow wp-block-group-is-layout-flow\" style=\"height:10px;gap:0.5rem\">\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <\/div>\n \n <\/div>\n \n \n \n \n <div class=\"wp-block-group example-card is-layout-flow wp-block-group-is-layout-flow\">\n \n <div class=\"wp-block-columns example-header is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <p class=\"example-title has-primary-color\" style=\"font-weight:700;font-size:1.25rem\">\n \ud83d\udcdd \u4f8b\u9898 1: \u57fa\u7840\u51d1\u5fae\u5206\n <span class=\"difficulty-badge difficulty-easy\" style=\"display:inline-block;padding:0.25rem 0.75rem;borderRadius:20px;font-size:0.85rem;background:rgba(16, 185, 129, 0.1);color:var(--success)\">\u7b80\u5355<\/span>\n <\/p>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-buttons example-controls is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-ffb1e823 wp-block-buttons-is-layout-flex\">\n <button class=\"btn btn-primary\" onclick=\"showHint('hint1')\">\ud83d\udca1 \u63d0\u793a<\/button>\n <button class=\"btn btn-secondary\" onclick=\"toggleSolution('solution1')\">\ud83d\udcd6 \u67e5\u770b\u6b65\u9aa4<\/button>\n <button class=\"btn btn-success\" onclick=\"generateSimilar('sub1')\">\ud83d\udd04 \u7c7b\u4f3c\u9898<\/button>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n \n <div class=\"wp-block-columns problem-answer-container is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group problem-section is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.5rem;borderRadius:16px\">\n \n <p class=\"section-label has-primary-color\" style=\"font-size:0.875rem;font-weight:700\">\ud83d\udccb \u9898\u76ee<\/p>\n \n \n \n <div class=\"wp-block-group math-content is-layout-flow wp-block-group-is-layout-flow\">\n <span id=\"problem1\"><\/span>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group answer-section is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.5rem;borderRadius:16px\">\n \n <p class=\"section-label has-success-color\" style=\"font-size:0.875rem;font-weight:700\">\u2705 \u7b54\u6848<\/p>\n \n \n \n <div class=\"wp-block-group math-content is-layout-flow wp-block-group-is-layout-flow\">\n <span id=\"answer1\"><\/span>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n \n <div id=\"hint1\" class=\"wp-block-group hint-box is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.25rem;borderRadius:12px;background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border-left:4px solid var(--warning);display:none\">\n <strong>\u601d\u8def\u70b9\u62e8\uff1a<\/strong>\u89c2\u5bdf\u88ab\u79ef\u51fd\u6570\uff0c\u6ce8\u610f\u5230 2x \u6070\u597d\u662f x\u00b2 \u7684\u5bfc\u6570\u3002\u53ef\u4ee5\u4ee4 u = x\u00b2\uff0c\u5219 du = 2x dx\uff0c\u8fd9\u6837\u5c31\u5c06\u79ef\u5206\u8f6c\u5316\u4e3a \u222bcos(u)du \u7684\u5f62\u5f0f\u3002\n <\/div>\n \n \n \n \n <div id=\"solution1\" class=\"wp-block-group solution-steps is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:1.5rem;display:none\">\n \n <div class=\"wp-block-group step is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.25rem;margin:0.75rem 0;borderRadius:12px;border-left:4px solid var(--accent)\">\n <span class=\"step-number\" style=\"display:inline-block;width:32px;height:32px;background:var(--gradient-3);color:white;borderRadius:50%;textAlign:center;lineHeight:32px;fontWeight:700;marginRight:0.75rem\">1<\/span>\n <strong>\u8bc6\u522b\u7ed3\u6784\uff1a<\/strong>\u89c2\u5bdf\u5230 2x \u662f x\u00b2 \u7684\u5bfc\u6570\uff0c\u4ee4 u = x\u00b2\n <\/div>\n \n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n <\/div>\n \n\n \n \n <button class=\"wp-block-group theme-toggle is-layout-flow wp-block-group-is-layout-flow\" style=\"position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;borderRadius:50%;background:var(--gradient-1);color:white;border:none;cursor:pointer;z-index:1000\">\ud83c\udf19<\/button>\n \n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.9\/dist\/katex.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.9\/dist\/contrib\/auto-render.min.js\"><\/script>\n \n <script>\n \/\/ \u9875\u9762\u5207\u6362\u529f\u80fd\n function switchView(viewId) {\n \/\/ \u9690\u85cf\u6240\u6709\u89c6\u56fe\n document.querySelectorAll('.view').forEach(view => {\n view.classList.remove('active');\n });\n \n \/\/ \u663e\u793a\u76ee\u6807\u89c6\u56fe\n document.getElementById(viewId).classList.add('active');\n \n \/\/ \u66f4\u65b0\u5bfc\u822a\u6309\u94ae\u72b6\u6001\n document.querySelectorAll('.nav-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n document.querySelectorAll(`.nav-btn[onclick=\"switchView('${viewId}')\"]`).forEach(btn => {\n btn.classList.add('active');\n });\n \n \/\/ \u6eda\u52a8\u5230\u9876\u90e8\n window.scrollTo(0, 0);\n }\n \n \/\/ \u663e\u793a\u63d0\u793a\n function showHint(hintId) {\n const hintBox = document.getElementById(hintId);\n hintBox.classList.toggle('active');\n }\n \n \/\/ \u663e\u793a\/\u9690\u85cf\u89e3\u9898\u6b65\u9aa4\n function toggleSolution(solutionId) {\n const solution = document.getElementById(solutionId);\n solution.classList.toggle('active');\n }\n \n \/\/ \u751f\u6210\u7c7b\u4f3c\u9898\u76ee\n function generateSimilar(type) {\n alert('\u751f\u6210\u7c7b\u4f3c\u9898\u76ee\u529f\u80fd - ' + type);\n \/\/ \u5b9e\u9645\u5b9e\u73b0\u4f1a\u6839\u636e\u7c7b\u578b\u751f\u6210\u7c7b\u4f3c\u9898\u76ee\n }\n \n \/\/ \u6e32\u67d3\u6570\u5b66\u516c\u5f0f\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u793a\u4f8b\u516c\u5f0f\u6e32\u67d3\n renderMathInElement(document.body, {\n delimiters: [\n {left: \"$$\", right: \"$$\", display: true},\n {left: \"$\", right: \"$\", display: false}\n ]\n });\n \n \/\/ \u8bbe\u7f6e\u793a\u4f8b1\u7684\u516c\u5f0f\n document.getElementById('problem1').textContent = '$$\\\\int 2x \\\\cos(x^2) dx$$';\n document.getElementById('answer1').textContent = '$$\\\\sin(x^2) + C$$';\n \n \/\/ \u6e32\u67d3\u516c\u5f0f\n renderMathInElement(document.getElementById('problem1'));\n renderMathInElement(document.getElementById('answer1'));\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u5fae\u79ef\u5206\u00b7\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60\u7cfb\u7edf \ud83c\udf93 \u5fae\u79ef\u5206\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60 \u901a\u8fc7\u4ea4\u4e92\u5f0f\u52a8\u753b\u548c\u8be6\u7ec6\u89e3\u6790\uff0c\u638c\u63e1\u6362\u5143\u6cd5\u3001\u5206\u90e8\u79ef\u5206\u7b49 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":4,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":191,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions\/191"}],"wp:attachment":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":72,"date":"2025-11-27T21:55:12","date_gmt":"2025-11-27T13:55:12","guid":{"rendered":"https:\/\/husteread.com\/?page_id=72"},"modified":"2025-12-01T09:48:06","modified_gmt":"2025-12-01T01:48:06","slug":"mathwjf","status":"publish","type":"page","link":"https:\/\/husteread.com\/index.php\/mathwjf\/","title":{"rendered":"\u79ef\u5206\u5b66\u4e60"},"content":{"rendered":"\n\n\n \n \n \u5fae\u79ef\u5206\u00b7\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60\u7cfb\u7edf<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.9\/dist\/katex.min.css\">\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n \n :root {\n --primary: #6366f1;\n --primary-dark: #4f46e5;\n --secondary: #8b5cf6;\n --accent: #06b6d4;\n --success: #10b981;\n --warning: #f59e0b;\n --danger: #ef4444;\n --dark: #0f172a;\n --dark-light: #1e293b;\n --gray: #64748b;\n --light: #f1f5f9;\n --white: #ffffff;\n --gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n --gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n --gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n --gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);\n }\n\n \/* \u57fa\u7840\u6837\u5f0f *\/\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n background-attachment: fixed;\n color: var(--dark);\n line-height: 1.6;\n min-height: 100vh;\n }\n\n .wp-block-group {\n margin-bottom: 2rem;\n }\n \n .wp-block-columns {\n margin-bottom: 2rem;\n }\n \n \/* \u81ea\u5b9a\u4e49\u5757\u6837\u5f0f *\/\n .knowledge-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 24px;\n padding: 2.5rem;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n border: 1px solid rgba(255, 255, 255, 0.5);\n }\n \n .example-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 20px;\n padding: 2rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n border-left: 4px solid var(--primary);\n }\n \n .math-content {\n font-size: 1.3rem;\n text-align: center;\n padding: 1rem;\n background: white;\n border-radius: 12px;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n min-height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .btn {\n padding: 0.625rem 1.25rem;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n font-weight: 600;\n transition: all 0.3s ease;\n font-size: 0.9rem;\n }\n \n .btn-primary {\n background: var(--gradient-1);\n color: white;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\n @media (max-width: 768px) {\n .wp-block-columns {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"wp-block-group navbar is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:1rem;padding-right:2rem;padding-bottom:1rem;padding-left:2rem\">\n \n <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group logo is-content-justification-left is-layout-flex wp-container-core-group-is-layout-5aa5b88e wp-block-group-is-layout-flex\">\n \n <div class=\"wp-block-group logo-icon is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:10px;background:var(--gradient-1);width:40px;height:40px\">\n \n <p class=\"has-white-color\" style=\"font-size:1.2rem;font-weight:800;text-align:center\">\u222b<\/p>\n \n <\/div>\n \n \n <p style=\"font-size:1.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">\u5fae\u79ef\u5206\u00b7\u79ef\u5206\u65b9\u6cd5\u5b66\u4e60\u7cfb\u7edf<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-ffb1e823 wp-block-buttons-is-layout-flex\">\n <button class=\"nav-btn active btn\" onclick=\"switchView('home')\">\u9996\u9875<\/button>\n <button class=\"nav-btn btn\" onclick=\"switchView('substitution')\">\u6362\u5143\u6cd5<\/button>\n <button class=\"nav-btn btn\" onclick=\"switchView('integration')\">\u5206\u90e8\u79ef\u5206<\/button>\n <button class=\"nav-btn btn\" onclick=\"switchView('practice')\">\u667a\u80fd\u7ec3\u4e60<\/button>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n\n \n \n <div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem\">\n \n \n <div id=\"home\" class=\"wp-block-group view active is-layout-flow wp-block-group-is-layout-flow\">\n \n <h1 class=\"page-title has-white-color wp-block-heading\" style=\"font-size:2.5rem;font-weight:800\">\ud83c\udf93 \u5fae\u79ef\u5206\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60<\/h1>\n \n \n \n <p class=\"page-subtitle has-white-color\" style=\"font-size:1.1rem;opacity:0.9\">\u901a\u8fc7\u4ea4\u4e92\u5f0f\u52a8\u753b\u548c\u8be6\u7ec6\u89e3\u6790\uff0c\u638c\u63e1\u6362\u5143\u6cd5\u3001\u5206\u90e8\u79ef\u5206\u7b49\u6838\u5fc3\u6280\u5de7<\/p>\n \n \n \n \n <div class=\"wp-block-columns stats-grid is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">15+<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">\u7cbe\u9009\u4f8b\u9898<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">3<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">\u6838\u5fc3\u65b9\u6cd5<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">\u221e<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">\u7ec3\u4e60\u9898\u76ee<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group stat-card is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:16px;padding:1.5rem\">\n \n <p class=\"stat-value\" style=\"font-size:2rem;font-weight:800;text-align:center;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent\">100%<\/p>\n \n \n <p class=\"stat-label has-gray-color\" style=\"font-size:0.875rem;text-align:center\">LaTeX\u6e32\u67d3<\/p>\n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n \n <div class=\"wp-block-columns knowledge-grid is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group knowledge-card is-layout-flow wp-block-group-is-layout-flow\" onclick=\"switchView('substitution')\" style=\"borderRadius:24px;padding:2.5rem\">\n \n <h3 class=\"wp-block-heading\" style=\"color:var(--primary);font-size:1.75rem\">\n <span class=\"knowledge-icon\" style=\"display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-1);border-radius:12px;color:white;font-size:1.5rem;margin-right:0.75rem\">\u222b<\/span>\n \u7b2c\u4e00\u3001\u4e8c\u6362\u5143\u6cd5\n <\/h3>\n \n \n \n <p>\u5b66\u4e60\u5982\u4f55\u901a\u8fc7\u5de7\u5999\u7684\u53d8\u91cf\u4ee3\u6362\uff0c\u5c06\u590d\u6742\u79ef\u5206\u8f6c\u5316\u4e3a\u57fa\u672c\u79ef\u5206\u5f62\u5f0f\u3002\u638c\u63e1\u51d1\u5fae\u5206\u6cd5\u548c\u4e09\u89d2\u6362\u5143\u7b49\u7ecf\u5178\u6280\u5de7\u3002<\/p>\n \n \n \n <div class=\"wp-block-group animation-container is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:2rem;borderRadius:16px;min-height:300px\">\n <svg width=\"300\" height=\"200\" viewBox=\"0 0 300 200\">\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#6366f1;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#8b5cf6;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M 50 150 Q 150 50, 250 150\" stroke=\"url(#grad1)\" fill=\"none\" stroke-width=\"4\" stroke-linecap=\"round\">\n <animate attributeName=\"stroke-dasharray\" from=\"0,500\" to=\"500,0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/path>\n <circle cx=\"150\" cy=\"100\" r=\"40\" fill=\"url(#grad1)\" opacity=\"0.2\">\n <animate attributeName=\"r\" values=\"35;45;35\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <text x=\"150\" y=\"110\" text-anchor=\"middle\" font-size=\"24\" fill=\"#6366f1\" font-weight=\"bold\">u = \u03c6(x)<\/text>\n <\/svg>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n <\/div>\n \n <\/div>\n \n \n \n \n <div id=\"substitution\" class=\"wp-block-group view is-layout-flow wp-block-group-is-layout-flow\">\n \n <h1 class=\"page-title has-white-color wp-block-heading\" style=\"font-size:2.5rem\">\u222b \u6362\u5143\u79ef\u5206\u6cd5<\/h1>\n \n \n \n <p class=\"page-subtitle has-white-color\" style=\"opacity:0.9\">\u901a\u8fc7\u53d8\u91cf\u4ee3\u6362\u7b80\u5316\u79ef\u5206\u8fd0\u7b97<\/p>\n \n \n \n \n <div class=\"wp-block-group progress-indicator is-layout-flow wp-block-group-is-layout-flow\" style=\"borderRadius:16px;padding:1.5rem\">\n \n <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <p class=\"progress-title\" style=\"font-weight:700\">\u5b66\u4e60\u8fdb\u5ea6<\/p>\n \n <\/div>\n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <p class=\"progress-percent has-primary-color\" style=\"font-weight:700;font-size:1.25rem;text-align:right\">0%<\/p>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-group progress-bar-container is-layout-flow wp-block-group-is-layout-flow\" style=\"height:10px;gap:0.5rem\">\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <div class=\"progress-step\" style=\"flex:1;background:var(--light);borderRadius:5px\"><\/div>\n <\/div>\n \n <\/div>\n \n \n \n \n <div class=\"wp-block-group example-card is-layout-flow wp-block-group-is-layout-flow\">\n \n <div class=\"wp-block-columns example-header is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <p class=\"example-title has-primary-color\" style=\"font-weight:700;font-size:1.25rem\">\n \ud83d\udcdd \u4f8b\u9898 1: \u57fa\u7840\u51d1\u5fae\u5206\n <span class=\"difficulty-badge difficulty-easy\" style=\"display:inline-block;padding:0.25rem 0.75rem;borderRadius:20px;font-size:0.85rem;background:rgba(16, 185, 129, 0.1);color:var(--success)\">\u7b80\u5355<\/span>\n <\/p>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-buttons example-controls is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-ffb1e823 wp-block-buttons-is-layout-flex\">\n <button class=\"btn btn-primary\" onclick=\"showHint('hint1')\">\ud83d\udca1 \u63d0\u793a<\/button>\n <button class=\"btn btn-secondary\" onclick=\"toggleSolution('solution1')\">\ud83d\udcd6 \u67e5\u770b\u6b65\u9aa4<\/button>\n <button class=\"btn btn-success\" onclick=\"generateSimilar('sub1')\">\ud83d\udd04 \u7c7b\u4f3c\u9898<\/button>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n \n <div class=\"wp-block-columns problem-answer-container is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group problem-section is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.5rem;borderRadius:16px\">\n \n <p class=\"section-label has-primary-color\" style=\"font-size:0.875rem;font-weight:700\">\ud83d\udccb \u9898\u76ee<\/p>\n \n \n \n <div class=\"wp-block-group math-content is-layout-flow wp-block-group-is-layout-flow\">\n <span id=\"problem1\"><\/span>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n \n <div class=\"wp-block-group answer-section is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.5rem;borderRadius:16px\">\n \n <p class=\"section-label has-success-color\" style=\"font-size:0.875rem;font-weight:700\">\u2705 \u7b54\u6848<\/p>\n \n \n \n <div class=\"wp-block-group math-content is-layout-flow wp-block-group-is-layout-flow\">\n <span id=\"answer1\"><\/span>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n \n <div id=\"hint1\" class=\"wp-block-group hint-box is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.25rem;borderRadius:12px;background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border-left:4px solid var(--warning);display:none\">\n <strong>\u601d\u8def\u70b9\u62e8\uff1a<\/strong>\u89c2\u5bdf\u88ab\u79ef\u51fd\u6570\uff0c\u6ce8\u610f\u5230 2x \u6070\u597d\u662f x\u00b2 \u7684\u5bfc\u6570\u3002\u53ef\u4ee5\u4ee4 u = x\u00b2\uff0c\u5219 du = 2x dx\uff0c\u8fd9\u6837\u5c31\u5c06\u79ef\u5206\u8f6c\u5316\u4e3a \u222bcos(u)du \u7684\u5f62\u5f0f\u3002\n <\/div>\n \n \n \n \n <div id=\"solution1\" class=\"wp-block-group solution-steps is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:1.5rem;display:none\">\n \n <div class=\"wp-block-group step is-layout-flow wp-block-group-is-layout-flow\" style=\"padding:1.25rem;margin:0.75rem 0;borderRadius:12px;border-left:4px solid var(--accent)\">\n <span class=\"step-number\" style=\"display:inline-block;width:32px;height:32px;background:var(--gradient-3);color:white;borderRadius:50%;textAlign:center;lineHeight:32px;fontWeight:700;marginRight:0.75rem\">1<\/span>\n <strong>\u8bc6\u522b\u7ed3\u6784\uff1a<\/strong>\u89c2\u5bdf\u5230 2x \u662f x\u00b2 \u7684\u5bfc\u6570\uff0c\u4ee4 u = x\u00b2\n <\/div>\n \n \n <\/div>\n \n <\/div>\n \n <\/div>\n \n \n \n <\/div>\n \n\n \n \n <button class=\"wp-block-group theme-toggle is-layout-flow wp-block-group-is-layout-flow\" style=\"position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;borderRadius:50%;background:var(--gradient-1);color:white;border:none;cursor:pointer;z-index:1000\">\ud83c\udf19<\/button>\n \n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.9\/dist\/katex.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.9\/dist\/contrib\/auto-render.min.js\"><\/script>\n \n <script>\n \/\/ \u9875\u9762\u5207\u6362\u529f\u80fd\n function switchView(viewId) {\n \/\/ \u9690\u85cf\u6240\u6709\u89c6\u56fe\n document.querySelectorAll('.view').forEach(view => {\n view.classList.remove('active');\n });\n \n \/\/ \u663e\u793a\u76ee\u6807\u89c6\u56fe\n document.getElementById(viewId).classList.add('active');\n \n \/\/ \u66f4\u65b0\u5bfc\u822a\u6309\u94ae\u72b6\u6001\n document.querySelectorAll('.nav-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n document.querySelectorAll(`.nav-btn[onclick=\"switchView('${viewId}')\"]`).forEach(btn => {\n btn.classList.add('active');\n });\n \n \/\/ \u6eda\u52a8\u5230\u9876\u90e8\n window.scrollTo(0, 0);\n }\n \n \/\/ \u663e\u793a\u63d0\u793a\n function showHint(hintId) {\n const hintBox = document.getElementById(hintId);\n hintBox.classList.toggle('active');\n }\n \n \/\/ \u663e\u793a\/\u9690\u85cf\u89e3\u9898\u6b65\u9aa4\n function toggleSolution(solutionId) {\n const solution = document.getElementById(solutionId);\n solution.classList.toggle('active');\n }\n \n \/\/ \u751f\u6210\u7c7b\u4f3c\u9898\u76ee\n function generateSimilar(type) {\n alert('\u751f\u6210\u7c7b\u4f3c\u9898\u76ee\u529f\u80fd - ' + type);\n \/\/ \u5b9e\u9645\u5b9e\u73b0\u4f1a\u6839\u636e\u7c7b\u578b\u751f\u6210\u7c7b\u4f3c\u9898\u76ee\n }\n \n \/\/ \u6e32\u67d3\u6570\u5b66\u516c\u5f0f\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u793a\u4f8b\u516c\u5f0f\u6e32\u67d3\n renderMathInElement(document.body, {\n delimiters: [\n {left: \"$$\", right: \"$$\", display: true},\n {left: \"$\", right: \"$\", display: false}\n ]\n });\n \n \/\/ \u8bbe\u7f6e\u793a\u4f8b1\u7684\u516c\u5f0f\n document.getElementById('problem1').textContent = '$$\\\\int 2x \\\\cos(x^2) dx$$';\n document.getElementById('answer1').textContent = '$$\\\\sin(x^2) + C$$';\n \n \/\/ \u6e32\u67d3\u516c\u5f0f\n renderMathInElement(document.getElementById('problem1'));\n renderMathInElement(document.getElementById('answer1'));\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u5fae\u79ef\u5206\u00b7\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60\u7cfb\u7edf \ud83c\udf93 \u5fae\u79ef\u5206\u79ef\u5206\u65b9\u6cd5\u53ef\u89c6\u5316\u5b66\u4e60 \u901a\u8fc7\u4ea4\u4e92\u5f0f\u52a8\u753b\u548c\u8be6\u7ec6\u89e3\u6790\uff0c\u638c\u63e1\u6362\u5143\u6cd5\u3001\u5206\u90e8\u79ef\u5206\u7b49 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":4,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":191,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions\/191"}],"wp:attachment":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}