118 lines
404 KiB
HTML
118 lines
404 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html><head><title>师从 ChatGPT</title><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta property="og:title" content="师从 ChatGPT"/><meta property="og:description" content="这篇文章介绍了作者师从ChatGPT后对思维模型和元认知的学习和领悟。作者通过思考和阅读书籍等学习途径，理解到元认知对认知过程的重要性。文章详细解释了认知的过程和元认知的定义，并强调了自我监控和自我调节在元认知中的重要性。同时，作者提到了方法论对认知过程的指导作用，以及思维模型在复杂问题理解和决策中的应用。最后，作者分享了对AI技术（如ChatGPT）的认知和思考方式的改变，以及对元认知的进一步理解。."/><meta property="og:image" content="https://wiki.7wate.com/static/og-image.png"/><meta property="og:width" content="1200"/><meta property="og:height" content="675"/><link rel="icon" href="../static/icon.png"/><meta name="description" content="这篇文章介绍了作者师从ChatGPT后对思维模型和元认知的学习和领悟。作者通过思考和阅读书籍等学习途径，理解到元认知对认知过程的重要性。文章详细解释了认知的过程和元认知的定义，并强调了自我监控和自我调节在元认知中的重要性。同时，作者提到了方法论对认知过程的指导作用，以及思维模型在复杂问题理解和决策中的应用。最后，作者分享了对AI技术（如ChatGPT）的认知和思考方式的改变，以及对元认知的进一步理解。."/><meta name="generator" content="Quartz"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com"/><script async src="https://umami.7wate.com/script.js" data-website-id="c061efdc-95dd-4d21-9d04-a1ffda0a85b9"></script><script>
|
|||
|
|
var _hmt = _hmt || [];
|
|||
|
|
(function() {
|
|||
|
|
var hm = document.createElement("script");
|
|||
|
|
hm.src = "https://hm.baidu.com/hm.js?94d8ccb156eb7c65abf317e6e01cdba9";
|
|||
|
|
var s = document.getElementsByTagName("script")[0];
|
|||
|
|
s.parentNode.insertBefore(hm, s);
|
|||
|
|
})();
|
|||
|
|
</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-MHMEL0F832"></script><script>
|
|||
|
|
(function() {
|
|||
|
|
window.dataLayer = window.dataLayer || [];
|
|||
|
|
function gtag() {
|
|||
|
|
window.dataLayer.push(arguments);
|
|||
|
|
}
|
|||
|
|
gtag('js', new Date());
|
|||
|
|
gtag('config', 'G-MHMEL0F832');
|
|||
|
|
})();
|
|||
|
|
</script><link href="../index.css" rel="stylesheet" type="text/css" spa-preserve/><link href="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css" rel="stylesheet" type="text/css" spa-preserve/><link href="https://fonts.googleapis.com/css2?family=IBM Plex Mono&family=Schibsted Grotesk:wght@400;700&family=Source Sans Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet" type="text/css" spa-preserve/><script src="../prescript.js" type="application/javascript" spa-preserve></script><script type="application/javascript" spa-preserve>const fetchData = fetch(`../static/contentIndex.json`).then(data => data.json())</script></head><body data-slug="Blog/师从-ChatGPT"><div id="quartz-root" class="page"><div id="quartz-body"><div class="left sidebar"><h1 class="page-title "><a href="..">📚 X·Eden</a></h1><div class="spacer mobile-only"></div><div class="search "><div id="search-icon"><p>Search</p><div></div><svg tabIndex="0" aria-labelledby="title desc" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><title id="title">Search</title><desc id="desc">Search</desc><g class="search-path" fill="none"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"></path><circle cx="8" cy="8" r="7"></circle></g></svg></div><div id="search-container"><div id="search-space"><input autocomplete="off" id="search-bar" name="search" type="text" aria-label="Search for something" placeholder="Search for something"/><div id="results-container"></div></div></div></div><div class="darkmode "><input class="toggle" id="darkmode-toggle" type="checkbox" tabIndex="-1"/><label id="toggle-label-light" for="darkmode-toggle" tabIndex="-1"><svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" version="1.1" id="dayIcon" x="0px" y="0px" viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xmlSpace="preserve"><title>Light mode</title><path d="M6,17.5C6,16.672,5.328,16,4.5,16h-3C0.672,16,0,16.672,0,17.5 S0.672,19,1.5,19h3C5.328,19,6,18.328,6,17.5z M7.5,26c-0.414,0-0.789,0.168-1.061,0.439l-2,2C4.168,28.711,4,29.086,4,29.5 C4,30.328,4.671,31,5.5,31c0.414,0,0.789-0.168,1.06-0.44l2-2C8.832,28.289,9,27.914,9,27.5C9,26.672,8.329,26,7.5,26z M17.5,6 C18.329,6,19,5.328,19,4.5v-3C19,0.672,18.329,0,17.5,0S16,0.672,16,1.5v3C16,5.328,16.671,6,17.5,6z M27.5,9 c0.414,0,0.789-0.168,1.06-0.439l2-2C30.832,6.289,31,5.914,31,5.5C31,4.672,30.329,4,29.5,4c-0.414,0-0.789,0.168-1.061,0.44 l-2,2C26.168,6.711,26,7.086,26,7.5C26,8.328,26.671,9,27.5,9z M6.439,8.561C6.711,8.832,7.086,9,7.5,9C8.328,9,9,8.328,9,7.5 c0-0.414-0.168-0.789-0.439-1.061l-2-2C6.289,4.168,5.914,4,5.5,4C4.672,4,4,4.672,4,5.5c0,0.414,0.168,0.789,0.439,1.06 L6.439,8.561z M33.5,16h-3c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5h3c0.828,0,1.5-0.672,1.5-1.5S34.328,16,33.5,16z M28.561,26.439C28.289,26.168,27.914,26,27.5,26c-0.828,0-1.5,0.672-1.5,1.5c0,0.414,0.168,0.789,0.439,1.06l2,2 C28.711,30.832,29.086,31,29.5,31c0.828,0,1.5-0.672,1.5-1.5c0-0.414-0.168-0.789-0.439-1.061L28.561,26.439z M17.5,29 c-0.829,0-1.5,0.672-1.5,1.5v3c0,0.828,0.671,1.5,1.5,1.5s1.5-0.672,1.5-1.5v-3C19,29.672,18.329,29,17.5,29z M17.5,7 C11.71,7,7,11.71,7,17.5S11.71,28,17.5,28S28,23.29,28,17.5S23.29,7,17.5,7z M17.5,25c-4.136,0-7.5-3.364-7.5-7.5 c0-4.136,3.364-7.5,7.5-7.5c4.136,0,7.5,3.364,7.5,7.5C25,21.636,21.636,25,17.5,25z"></path></svg></label><label id="toggle-label-dark" for="darkmode-toggle" tabIndex="-1"><svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" version="1.1" id="nightIcon" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background='new 0 0 100 100'" xmlSpace="preserve"><title>Dark mode</title><path d="M96.76,66.458c-0.853-0.852-2.15-1.064-3.23-0.534c-6.063,2.991-12.858,4.571-19.655,4.571 C62.022,70.495,50.88,65.88,42.5,57.5C29.043,44.043,25.658,23.536,34.076,6.47c0.532-1.08,0.318-2.379-0.534-3.23 c-0.851-0.852-2.15-1.064-3.23-0.534c-4.918,2.427-9.375,5.619-13.246,9.491c-9.447,9.447-14.65,22.008-14.65,35.369 c0,13.36,5.203,25.921,14.65,35.368s22.008,14.65,35.368,14.65
|
|||
|
|
<p>我第一次学习了解到元认知是在《认知觉醒》中，当时只觉得这只是一种方法论。但是又回过头来再次复读，现在我说实话能理解作者想表达的意思，但是其文字对于我来说增加了理解成本。或者，当初的我只停留在感性认识，并且没有去实践，可我感觉这又很难去实践。就好像只有恶龙诞生了，人们才会锻造出屠龙宝刀。但如果一开始没有恶龙，那么它就是一把普普通通的剑。</p>
|
|||
|
|
<p>如果想认识元认知，首先要理解认知是什么？认知是人们获得知识或应用知识的过程，认知的对象是外在的，具体的。认知是感性认识转换理性认识的过程，并尝试通过不断的实践总结、迭代优化，最终尝试达到知行合一的境界。</p>
|
|||
|
|
<p>例如当你第一次尝试骑自行车，可能会在父母的帮助下保持平衡，并尝试踩踏板来前进。如果父母放开手，你可能会跌倒几次，并开始思考为什么会失去平衡，是否是因为速度太慢或转向太急？可能你也会观察其他小朋友如何骑车，并尝试调整自己的速度和转向方式，学习如何更好地保持平衡。</p>
|
|||
|
|
<p>当你学会骑自行车后，可能就会有朋友来向你请教。你就会根据自己的经验，教导他们如何调整速度并保持平衡。在教导他人的过程中，你可能会发现自己之前没注意到的技巧或细节，从而进一步改善自己的骑行技术。</p>
|
|||
|
|
<p>一开始，对自行车的两个轮如何保持平衡，如何运动。你会形成直观的感性印象。这一阶段的认识是具体的、零散的，只能把握事物的外部特征和表面现象。期间通过实践，进一步将感性材料加以整理、抽象，形成概念、判断和推理，从而揭示事物的内部联系、本质特征和规律性。这一阶段的认识是抽象的、系统的，能够深入到事物的本质。</p>
|
|||
|
|
<p>认知过程是由感性认识开始，通过实践再收获理性认识，最后又回到实践中去的迭代过程。在这一过程中，实践活动会不断产生新的感性认识，并通过加工不断收获新的理性认知，并再应用于实践。认知在这一过程中不断被纠正和发展，从而使认知逐步深化，逐渐接近于客观事物的真实状态。</p>
|
|||
|
|
<p>而元认知相较于认知，则是内在的，抽象的，是基于我们自身的认知活动，是关于自己认知过程的认知，是我们如何认知这个世界，并进一步抽象所来的事物。元认知就像学习骑自行车的过程一样，是一个持续反思和调整的过程。在这个过程中，我们不仅要关注行动的直接结果，还要持续监控和调整自己的认知策略和方法。</p>
|
|||
|
|
<p>所以元认知关键涉及自我监控和自我调节两大能力。</p>
|
|||
|
|
<p>自我监控是指在认知活动中对自己的理解、注意力、记忆等进行监督和评估。例如，当你阅读新的文章时，你可能会不时地停下来，回顾自己理解的内容，检查是否有误解的地方。这就是一种元认知监控的具体体现。</p>
|
|||
|
|
<p>自我调节则是指在认知过程中根据自我监控的结果来调整自己的学习行为。如果你在阅读过程中发现某些概念理解得不够深入，可能就会选择重新阅读相关段落，或者寻找更多资源来加深理解。这种能力不仅有助于提高学习效率，也使得学习过程更加适应个人的需求。</p>
|
|||
|
|
<p>如果在实践中发展元认知能力，首先需要培养对自己认知过程的意识。这可以通过日常的反思练习开始，比如每天结束时回顾一下自己的学习和工作，思考哪些方法有效？哪些需要改进？此外，可以尝试在做决策时有意识地思考自己的认知过程，评估自己的思维是否合逻辑？是否受到了情绪的影响？想必通过这些方法，你就可以开始慢慢地培养出对自己认知过程的敏感度，并逐渐提高元认知能力。高水平的元认知能力会让你在面对充满挑战性的情境时，能更加自如地调整策略，以达到最佳的认知和学习效果。</p>
|
|||
|
|
<p>我认为如果能充分，理解，提高，运用元认知能力，那么认知的成长将不再是 1+1 的积累，而是指数级的倍增。这种能力就像是锻造了一把屠龙宝刀，使你能够更有效地面对生活和工作中的各种挑战。</p>
|
|||
|
|
<p>而方法论则是作为认知过程的宏观指导，它提供了一套全面的框架和步骤，帮助我们如何进行科学的思考和研究方法，方法论是提高认识水平、解决实际问题能力的重要工具。方法论涉及的不仅是科学研究方法，还包括思维方法、工作方法等。而思维模型则更多作为认知过程的具体参考，通过具体的模型帮助我们理解复杂现象或问题，并为决策提供理论支持。</p>
|
|||
|
|
<p>通俗来说，方法论就像是开车时候的地图导航，帮助我们规划出最优路线；而思维模型则相当于在这条路线上，指导我们如何选择两点间的最短或最快路径。就像在开车时，如果面对磨磨唧唧的车流，我们就会根据各种实际因素来决定如何快速地超车。</p>
|
|||
|
|
<p>就拿张雪峰老师作为具体的例子来说：张雪峰老师拥有非常丰富的中国教育考试知识和海量的实践经验。但如果你说，我要从 0 开始研究中国教育考试，最终达到张雪峰老师的水平也不是没有可能。可这个水平需要你大量的学习，实践，总结，再实践，迭代无数版本后才可能有机会达到。</p>
|
|||
|
|
<p>正是因为张雪峰老师在中国教育考试方面的认知，大部分家长就会找到张雪峰老师，咨询如何规划孩子的大学志愿，毕竟家长在中国教育考试的认知不如张雪峰老师。可虽然张老师会针对具体问题提出了合理的建议，但大部分家长可能仍然揣着「旧」想法，半信半疑，并依旧会走弯路，那是为什么？</p>
|
|||
|
|
<p>因为张雪峰老师的方法论和思维模型属于「黑盒理论」，我们无法透过表象深入理解本质，故此你可能就会持怀疑态度。毕竟实践才是检验真理的唯一标准。可高考只有一次，如果你检测成功了，皆大欢喜；检测失败了，那就自己承担。</p>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>不过题外话，我认为张雪峰老师还是属于拿钱办事的。例如有个高考状元 700+ 分的人。他也是不会给出太具体的建议，但不过大部分普通水平，反倒是会给出非常中肯的建议。</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p>对于方法论及思维模型，我的一点心得：<strong>无论是自上而下，还是自下而上的学习和实践，都是需要耗费不少的精力来内化的，请务必坚信「能量守恒定律」。</strong> 而且我认为高效的路径是在某一专业领域深入研究，达到一定高度并且拥有一定造诣之后，在新的领域尝试从头再来，那么定会融会贯通！</p>
|
|||
|
|
<p>最后回到《师从 ChatGPT》这个标题，之所以我选择这个标题是因为过去一年多，长时间与 ChatGPT 的交流深刻改变了我的认知和思考方式。</p>
|
|||
|
|
<p>我认为 **AI 几乎是完美的，它永远不会受到思维定式的束缚。**并且只要你愿意教它，它可以迅速学习并适应新事物，而且 AI 认知的进化是不会受肉体的约束，毕竟我们随着年龄越来越大，很难再拥有青少年时期的学习精力。但是 AI 却不会，它可以通过不断地优化升级模型，并拥有几乎无限的学习精力。</p>
|
|||
|
|
<p>我对于元认知的部分理解也是源于 ChatGPT，因为非常多具体的问题，如果你直接把问题丢给它，它回答得也并不出色。于是我开始各种尝试各种 Prompt，但是又发现 Prompt 虽各有不同，但还都是那几句套话。因此，我开始尝试构思更加深入的 Prompt。例如，在探讨特定问题时，我会先定义问题的范围，让 AI 先行解释其相关领域，再深入到该领域专家应具备什么样的知识，最终通过精心设计的对话，使 AI 能够在新的语境中发挥其最大的潜力。</p>
|
|||
|
|
<p>目前主流的 AI 都是基于神经网络——一种受人脑启发的计算模型，其可以通过海量数据的喂养，调整神经单元突触的权重，进而从复杂的、高维的原始数据构成向低维度的投影，便于我们更容易去理解，有点类似于手指投影。不过，纵使目前 AI 再厉害，或者未来的 AGI 发布，我对于其是否可以拥有情感持怀疑态度。虽然我们的大脑与 AI 本质都是建模，可我们却拥有了无法解释来源的意识、情感、创造力。</p>
|
|||
|
|
<p>可成也情感，败也情感。我们充斥着七情六欲，时常被情感控制。而 AI 却可以不被情感左右，针对问题可以不被干扰并尝试做出最优解。</p>
|
|||
|
|
<p>自从去年 AI 的横空出世，让我们高估了其短期内的影响。不过到现在逐渐被普遍接受，从而又让我们低估其长远带来的变革。我坚定认为 <strong>AI 不再仅仅是提升生产力的一个工具，更是内化知识、拓宽认知边界的「导师」。</strong></p>
|
|||
|
|
<p><strong>我非常、非常建议，每个人都应该学会接纳变化，拥抱 AI，师从 ChatGPT！</strong></p>
|
|||
|
|
<hr/>
|
|||
|
|
<p>依旧是写了很久，也不多两周时间，写的我脑仁疼…… 🤯🤯🤯</p>
|
|||
|
|
<p>《<a href="https://blog.7wate.com/archives/fu-ren-de-hong-deng-yu-qiong-ren-de-lu-deng" class="external">富人的红灯与穷人的绿灯</a>》是这篇文章的药引子，说实话，当我通过「赛博莫比乌斯」，输入想表达的主题。AI 一行一行的输出内容，那「真的」就是莫比乌斯！</p>
|
|||
|
|
<p>虽然也尝试了各种奇奇怪怪的姿势体验 ChatGPT 的功能，<del>例如部署未审查版本 AI 尝试写色情小说等哈哈哈</del>。但是这次元认知能力的提升，也让我也更深入理解：想要什么？AI 缺什么？怎么通过 AI 拿到想要的答案？</p>
|
|||
|
|
<p>现在不要再单纯觉得 AI 呆瓜了，其实神经网络模型理论上可以模拟输出任意问题的结果，只是目前的 AI 在用我们可以理解的方式进行沟通。我不是宣扬 AI 可以创造一切，以及未来 AI 毁灭世界的信徒。只是通过 AI 更进一步的拓宽了认知的边界，拿到了我想要的答案。</p>
|
|||
|
|
<p>至于未来如何，那就该吃吃该喝喝，明天去做桌哈哈（满月酒的家乡话）。</p>
|
|||
|
|
<hr/>
|
|||
|
|
<blockquote>
|
|||
|
|
<p>下图是创作过程中的文章草稿，也是本文的思维逻辑导图。基于 Obsidian 的原生插件——白板实现，原始文件可以在 github 主页 wiki 仓库下 Canvas 目录找到哈 ～</p>
|
|||
|
|
</blockquote>
|
|||
|
|
<p><img src="https://static.7wate.com/2024%2F04%2F19%2Fa60de947d4948ee53f0f507a76443ca2-%E5%B8%88%E4%BB%8E%20ChatGPT.png" alt="思维逻辑导图"/></p></article></div><div class="right sidebar"><div class="graph "><h3>Graph View</h3><div class="graph-outer"><div id="graph-container" data-cfg="{"drag":true,"zoom":true,"depth":1,"scale":1.1,"repelForce":0.5,"centerForce":0.3,"linkDistance":30,"fontSize":0.6,"opacityScale":1,"showTags":true,"removeTags":[]}"></div><svg version="1.1" id="global-graph-icon" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 55 55" fill="currentColor" xmlSpace="preserve"><path d="M49,0c-3.309,0-6,2.691-6,6c0,1.035,0.263,2.009,0.726,2.86l-9.829,9.829C32.542,17.634,30.846,17,29,17
|
|||
|
|
s-3.542,0.634-4.898,1.688l-7.669-7.669C16.785,10.424,17,9.74,17,9c0-2.206-1.794-4-4-4S9,6.794,9,9s1.794,4,4,4
|
|||
|
|
c0.74,0,1.424-0.215,2.019-0.567l7.669,7.669C21.634,21.458,21,23.154,21,25s0.634,3.542,1.688,4.897L10.024,42.562
|
|||
|
|
C8.958,41.595,7.549,41,6,41c-3.309,0-6,2.691-6,6s2.691,6,6,6s6-2.691,6-6c0-1.035-0.263-2.009-0.726-2.86l12.829-12.829
|
|||
|
|
c1.106,0.86,2.44,1.436,3.898,1.619v10.16c-2.833,0.478-5,2.942-5,5.91c0,3.309,2.691,6,6,6s6-2.691,6-6c0-2.967-2.167-5.431-5-5.91
|
|||
|
|
v-10.16c1.458-0.183,2.792-0.759,3.898-1.619l7.669,7.669C41.215,39.576,41,40.26,41,41c0,2.206,1.794,4,4,4s4-1.794,4-4
|
|||
|
|
s-1.794-4-4-4c-0.74,0-1.424,0.215-2.019,0.567l-7.669-7.669C36.366,28.542,37,26.846,37,25s-0.634-3.542-1.688-4.897l9.665-9.665
|
|||
|
|
C46.042,11.405,47.451,12,49,12c3.309,0,6-2.691,6-6S52.309,0,49,0z M11,9c0-1.103,0.897-2,2-2s2,0.897,2,2s-0.897,2-2,2
|
|||
|
|
S11,10.103,11,9z M6,51c-2.206,0-4-1.794-4-4s1.794-4,4-4s4,1.794,4,4S8.206,51,6,51z M33,49c0,2.206-1.794,4-4,4s-4-1.794-4-4
|
|||
|
|
s1.794-4,4-4S33,46.794,33,49z M29,31c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S32.309,31,29,31z M47,41c0,1.103-0.897,2-2,2
|
|||
|
|
s-2-0.897-2-2s0.897-2,2-2S47,39.897,47,41z M49,10c-2.206,0-4-1.794-4-4s1.794-4,4-4s4,1.794,4,4S51.206,10,49,10z"></path></svg></div><div id="global-graph-outer"><div id="global-graph-container" data-cfg="{"drag":true,"zoom":true,"depth":-1,"scale":0.9,"repelForce":0.5,"centerForce":0.3,"linkDistance":30,"fontSize":0.6,"opacityScale":1,"showTags":true,"removeTags":[]}"></div></div></div><div class="backlinks "><h3>Backlinks</h3><ul class="overflow"><li>No backlinks found</li></ul></div><div class="explorer mobile-only"><button type="button" id="explorer" data-behavior="collapse" data-collapsed="collapsed" data-savestate="true" data-tree="[{"path":"Basics","collapsed":true},{"path":"Basics/english","collapsed":true},{"path":"Blog","collapsed":true},{"path":"Book","collapsed":true},{"path":"Book/个人成长","collapsed":true},{"path":"Book/医学健康","collapsed":true},{"path":"Book/历史","collapsed":true},{"path":"Book/哲学宗教","collapsed":true},{"path":"Book/心理","collapsed":true},{"path":"Book/政治军事","collapsed":true},{"path":"Book/教育学习","collapsed":true},{"path":"Book/文学","collapsed":true},{"path":"Book/生活百科","collapsed":true},{"path":"Book/社会文化","collapsed":true},{"path":"Book/科学技术","collapsed":true},{"path":"Book/经济理财","collapsed":true},{"path":"Book/艺术","collapsed":true},{"path":"Book/计算机","collapsed":true},{"path":"Company","collapsed":true},{"path":"Company/信息化","collapsed":true},{"path":"Company/信息化/规范","collapsed":true},{"path":"Culture","collapsed":true},{"path":"Government","collapsed":true},{"path":"Government/中国","collapsed":true},{"path":"Government/中国/标准","collapsed":true},{"path":"Government/中国/法律","collapsed":true},{"path":"Journal","collapsed":true},{"path":"Journal/2022","collapsed":true},{"path":"Journal/2022/W34","collapsed":true},{"path":"Journal/2022/W35","collapsed":true},{"path":"Journal/2022/W36","collapsed":true},{"path":"Journal/2022/W37","collapsed":true},{"path":"Journal/2022/W38","collapsed":true},{"path":"Journal/2022/W39","collapsed":true},{"path":"Journal/2022/W41","collapsed":true},{"path":"Journal/2022/W42","collapsed":true},{"path":"Journal/2022/W43","collapsed":true},{"path":"Journal/2022/W44","collapsed":true},{"path":"Journal/2022/W45","collapsed":true},{"path":"Journal/2022/W46","collapsed":true},{"path":"Journal/2022/W47","collapsed":true},{"path":"Journal/2022/W48","collapsed":true},{"path":"Journal/2022/W49","collapsed":true},{"path":"Journal/2022/W50","collapsed":true},{"path":"Journal/2023","collapsed":true},{"path":"Jou
|
|||
|
|
function toggleCallout() {
|
|||
|
|
const outerBlock = this.parentElement;
|
|||
|
|
outerBlock.classList.toggle(`is-collapsed`);
|
|||
|
|
const collapsed = outerBlock.classList.contains(`is-collapsed`);
|
|||
|
|
const height = collapsed ? this.scrollHeight : outerBlock.scrollHeight;
|
|||
|
|
outerBlock.style.maxHeight = height + `px`;
|
|||
|
|
let current = outerBlock;
|
|||
|
|
let parent = outerBlock.parentElement;
|
|||
|
|
while (parent) {
|
|||
|
|
if (!parent.classList.contains(`callout`)) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const collapsed2 = parent.classList.contains(`is-collapsed`);
|
|||
|
|
const height2 = collapsed2 ? parent.scrollHeight : parent.scrollHeight + current.scrollHeight;
|
|||
|
|
parent.style.maxHeight = height2 + `px`;
|
|||
|
|
current = parent;
|
|||
|
|
parent = parent.parentElement;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function setupCallout() {
|
|||
|
|
const collapsible = document.getElementsByClassName(
|
|||
|
|
`callout is-collapsible`
|
|||
|
|
);
|
|||
|
|
for (const div of collapsible) {
|
|||
|
|
const title = div.firstElementChild;
|
|||
|
|
if (title) {
|
|||
|
|
title.removeEventListener(`click`, toggleCallout);
|
|||
|
|
title.addEventListener(`click`, toggleCallout);
|
|||
|
|
const collapsed = div.classList.contains(`is-collapsed`);
|
|||
|
|
const height = collapsed ? title.scrollHeight : div.scrollHeight;
|
|||
|
|
div.style.maxHeight = height + `px`;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
document.addEventListener(`nav`, setupCallout);
|
|||
|
|
window.addEventListener(`resize`, setupCallout);
|
|||
|
|
</script><script type="module">
|
|||
|
|
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
|
|||
|
|
const darkMode = document.documentElement.getAttribute('saved-theme') === 'dark'
|
|||
|
|
mermaid.initialize({
|
|||
|
|
startOnLoad: false,
|
|||
|
|
securityLevel: 'loose',
|
|||
|
|
theme: darkMode ? 'dark' : 'default'
|
|||
|
|
});
|
|||
|
|
document.addEventListener('nav', async () => {
|
|||
|
|
await mermaid.run({
|
|||
|
|
querySelector: '.mermaid'
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
</script><script src="https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/contrib/copy-tex.min.js" type="application/javascript"></script><script src="../postscript.js" type="module"></script></html>
|