import{_ as r,o as i,c as s,a as e,d as h,e as d,b as a,r as o}from"./app.a942b26f.js";var c="/logo.svg";const l={},t=d('<p>@slidestart</p><h2 id="\u5E7B\u706F\u7247\u6F14\u793A" tabindex="-1"><a class="header-anchor" href="#\u5E7B\u706F\u7247\u6F14\u793A" aria-hidden="true">#</a> \u5E7B\u706F\u7247\u6F14\u793A</h2><p>\u4E00\u4E2A\u7B80\u5355\u7684\u5E7B\u706F\u7247\u6F14\u793A\u4E0E\u5404\u79CD\u5C0F\u8D34\u58EB\u3002</p><blockquote><p>\u8BF7\u6EDA\u52A8\u9F20\u6807\u6EDA\u8F6E\u8FDB\u5165\u4E0B\u4E00\u9875</p></blockquote><hr><h2 id="\u6807\u6CE8\u5E7B\u706F\u7247" tabindex="-1"><a class="header-anchor" href="#\u6807\u6CE8\u5E7B\u706F\u7247" aria-hidden="true">#</a> \u6807\u6CE8\u5E7B\u706F\u7247</h2><p><a href="#/1/1">\u{1F447}</a></p><p>--</p><h2 id="\u6807\u6CE8\u5E7B\u706F\u7247-1" tabindex="-1"><a class="header-anchor" href="#\u6807\u6CE8\u5E7B\u706F\u7247-1" aria-hidden="true">#</a> \u6807\u6CE8\u5E7B\u706F\u7247</h2><p>\u4F7F\u7528 <code>---</code> \u6807\u6CE8\u6C34\u5E73\u5E7B\u706F\u7247</p><p>\u5728\u6C34\u5E73\u5E7B\u706F\u7247\u4E2D\u4F7F\u7528 <code>--</code> \u5206\u5272\u5782\u76F4\u5E7B\u706F\u7247</p><p>\u4F7F\u7528 <code>&lt;!-- .slide: ... --&gt;</code> \u5728\u5E7B\u706F\u7247\u4E0A\u6DFB\u52A0\u5C5E\u6027</p><p>\u4F7F\u7528 <code>&lt;!-- .element: ... --&gt;</code> \u5728\u524D\u4E00\u4E2A HTML \u5143\u7D20\u4E0A\u6DFB\u52A0\u5C5E\u6027</p><hr><h2 id="markdown" tabindex="-1"><a class="header-anchor" href="#markdown" aria-hidden="true">#</a> Markdown</h2><p>\u4F60\u53EF\u4EE5\u5728\u5E7B\u706F\u7247\u4E2D\u4F7F\u7528 Markdown \u8BED\u6CD5\u7684\u5404\u79CD\u6807\u8BB0.</p><p>--</p><h2 id="markdown-1" tabindex="-1"><a class="header-anchor" href="#markdown-1" aria-hidden="true">#</a> Markdown</h2><p>\u4F60\u53EF\u4EE5\u5728\u5E7B\u706F\u7247\u4E2D\u4F7F\u7528 Markdown \u8BED\u6CD5\u7684\u5404\u79CD\u6807\u8BB0.</p><h3 id="\u8FD9\u662F\u4E00\u4E2A-h3" tabindex="-1"><a class="header-anchor" href="#\u8FD9\u662F\u4E00\u4E2A-h3" aria-hidden="true">#</a> \u8FD9\u662F\u4E00\u4E2A H3</h3><p>\u6807\u9898\u9ED8\u8BA4\u4F1A\u81EA\u52A8\u8F6C\u6362\u4E3A\u5927\u5199\u3002</p>',21),p=a("\u8FD9\u662F\u4E00\u4E2A\u6709\u7740 "),u=e("strong",null,"\u7C97\u4F53",-1),f=a(", "),k=e("em",null,"\u659C\u4F53",-1),b=a(", "),m=e("s",null,"\u5220\u9664\u7EBF",-1),x=a(" \u6587\u5B57\u5E76\u5305\u542B "),g={href:"https://mrhope.site",target:"_blank",rel:"noopener noreferrer"},_=a("\u4E00\u4E2A\u94FE\u63A5"),v=a(" \u7684\u6BB5\u843D\uFF0C\u5E76\u4E14\u5B83\u4F1A\u81EA\u52A8\u6362\u884C\u3002\u6240\u4EE5\u4F60\u65E0\u9700\u62C5\u5FC3\u5B83\u7684\u957F\u5EA6\u3002"),w=d(`<p>--</p><h2 id="markdown-2" tabindex="-1"><a class="header-anchor" href="#markdown-2" aria-hidden="true">#</a> Markdown</h2><p>\u4F60\u53EF\u4EE5\u5728\u5E7B\u706F\u7247\u4E2D\u4F7F\u7528 Markdown \u8BED\u6CD5\u7684\u5404\u79CD\u6807\u8BB0.</p><p>\u5217\u8868\u9ED8\u8BA4\u4E3A <code>inline-block</code></p><ul><li>\u9879\u76EE</li><li>\u9879\u76EE</li><li>\u9879\u76EE</li></ul><ol><li>\u9879\u76EE 1</li><li>\u9879\u76EE 2</li><li>\u9879\u76EE 3</li></ol><p>--</p><h2 id="markdown-3" tabindex="-1"><a class="header-anchor" href="#markdown-3" aria-hidden="true">#</a> Markdown</h2><p>\u4F60\u53EF\u4EE5\u5728\u5E7B\u706F\u7247\u4E2D\u4F7F\u7528 Markdown \u8BED\u6CD5\u7684\u5404\u79CD\u6807\u8BB0.</p><p>\u5728\u4F60\u542F\u7528 <code>highlight</code> \u63D2\u4EF6\u540E\uFF0C\u4EE3\u7801\u5757\u4F1A\u81EA\u52A8\u9AD8\u4EAE\u3002</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">const</span> a <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>--</p><h2 id="markdown-4" tabindex="-1"><a class="header-anchor" href="#markdown-4" aria-hidden="true">#</a> Markdown</h2><p>\u4F60\u53EF\u4EE5\u5728\u5E7B\u706F\u7247\u4E2D\u4F7F\u7528 Markdown \u8BED\u6CD5\u7684\u5404\u79CD\u6807\u8BB0.</p><p>\u5728\u4F60\u542F\u7528 <code>math</code> \u63D2\u4EF6\u540E\uFF0C\u4F60\u4E5F\u53EF\u4EE5\u4F7F\u7528 TEX \u683C\u5F0F\u4F7F\u7528\u6570\u5B66\u516C\u5F0F\u3002</p><p>$$ J(\\theta_0,\\theta_1) = \\sum_{i=0} $$</p><p>--</p><h2 id="markdown-5" tabindex="-1"><a class="header-anchor" href="#markdown-5" aria-hidden="true">#</a> Markdown</h2><p>\u4F60\u53EF\u4EE5\u5728\u5E7B\u706F\u7247\u4E2D\u4F7F\u7528 Markdown \u8BED\u6CD5\u7684\u5404\u79CD\u6807\u8BB0.</p><p>\u26A0<strong>\u8BF7\u6CE8\u610F</strong>: \u8868\u683C\u548C\u5206\u5272\u7EBF\uFF0C\u4EE5\u53CA\u6240\u6709\u4E0D\u5728 Markdown \u6807\u51C6\u8BED\u6CD5\u4E2D\u7684\u5185\u5BB9\u5747\u4E0D\u53D7\u652F\u6301\u3002</p><hr><h2 id="\u5E03\u5C40" tabindex="-1"><a class="header-anchor" href="#\u5E03\u5C40" aria-hidden="true">#</a> \u5E03\u5C40</h2><p>--</p><h2 id="\u5E03\u5C40-1" tabindex="-1"><a class="header-anchor" href="#\u5E03\u5C40-1" aria-hidden="true">#</a> \u5E03\u5C40</h2><p>\u{1F446} <code>r-fit-text</code> class \u4F1A\u8BA9\u6587\u5B57\u5728\u4E0D\u8D85\u51FA\u5E7B\u706F\u7247\u8303\u56F4\u7684\u60C5\u51B5\u4E0B\u5C3D\u53EF\u80FD\u5927\u3002</p><p>--</p><h2 id="\u5E03\u5C40-2" tabindex="-1"><a class="header-anchor" href="#\u5E03\u5C40-2" aria-hidden="true">#</a> \u5E03\u5C40</h2><p><img src="`+c+`" alt="Logo"></p><p>\u{1F446} <code>r-stretch</code> class \u5E2E\u52A9\u4F60\u63A7\u5236\u6CE8\u5165\u56FE\u7247\u6216\u89C6\u9891\u7684\u5927\u5C0F\uFF0C\u4F7F\u5B83\u4EEC\u586B\u5145\u6EE1\u5E7B\u706F\u7247\u5782\u76F4\u65B9\u5411\u4E0A\u7684\u5269\u4F59\u7A7A\u95F4\u3002</p><p>--</p><h2 id="\u5E03\u5C40-3" tabindex="-1"><a class="header-anchor" href="#\u5E03\u5C40-3" aria-hidden="true">#</a> \u5E03\u5C40</h2><h3 id="\u80CC\u666F" tabindex="-1"><a class="header-anchor" href="#\u80CC\u666F" aria-hidden="true">#</a> \u80CC\u666F</h3><p>\u4F60\u53EF\u4EE5\u901A\u8FC7\u5411\u7279\u5B9A\u5E7B\u706F\u7247\u6DFB\u52A0 <code>data-background</code> \u5C5E\u6027\u81EA\u5B9A\u4E49\u5E7B\u706F\u7247\u80CC\u666F.</p><hr><h2 id="\u52A8\u753B\u7247\u6BB5" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B\u7247\u6BB5" aria-hidden="true">#</a> \u52A8\u753B\u7247\u6BB5</h2><p>--</p><h2 id="\u52A8\u753B\u7247\u6BB5-1" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B\u7247\u6BB5-1" aria-hidden="true">#</a> \u52A8\u753B\u7247\u6BB5</h2><p>\u52A8\u753B\u7247\u6BB5\u7528\u4E8E\u9AD8\u4EAE\u6216\u663E\u9690\u5E7B\u706F\u7247\u4E2D\u7684\u5143\u7D20\u3002</p><p>\u4F60\u9700\u8981\u5728\u5143\u7D20\u4E0A\u6DFB\u52A0 <code>fragment</code> \u548C\u52A8\u753B class\u3002</p><p>--</p><h2 id="\u52A8\u753B\u7247\u6BB5-2" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B\u7247\u6BB5-2" aria-hidden="true">#</a> \u52A8\u753B\u7247\u6BB5</h2><h3 id="\u52A8\u753B-class" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B-class" aria-hidden="true">#</a> \u52A8\u753B class</h3><ul><li><code>fade-in</code></li></ul><ul><li><code>fade-out</code></li></ul><ul><li><code>fade-up</code></li></ul><ul><li><code>fade-down</code></li></ul><ul><li><code>fade-left</code></li></ul><ul><li><code>fade-right</code></li></ul><ul><li><code>fade-in-then-out</code></li></ul><ul><li><code>fade-in-then-semi-out</code></li></ul><p>--</p><h2 id="\u52A8\u753B\u7247\u6BB5-3" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B\u7247\u6BB5-3" aria-hidden="true">#</a> \u52A8\u753B\u7247\u6BB5</h2><h3 id="\u52A8\u753B-class-1" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B-class-1" aria-hidden="true">#</a> \u52A8\u753B class</h3><ul><li><code>grow</code></li></ul><ul><li><code>shrink</code></li></ul><ul><li><code>strike</code></li></ul><ul><li><code>highlight-red</code></li></ul><ul><li><code>highlight-green</code></li></ul><ul><li><code>highlight-blue</code></li></ul><ul><li><code>highlight-current-red</code></li></ul><ul><li><code>highlight-current-green</code></li></ul><ul><li><code>highlight-current-blue</code></li></ul><p>--</p><h2 id="\u52A8\u753B\u7247\u6BB5-4" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B\u7247\u6BB5-4" aria-hidden="true">#</a> \u52A8\u753B\u7247\u6BB5</h2><h3 id="\u591A\u4E2A\u52A8\u753B\u7247\u6BB5" tabindex="-1"><a class="header-anchor" href="#\u591A\u4E2A\u52A8\u753B\u7247\u6BB5" aria-hidden="true">#</a> \u591A\u4E2A\u52A8\u753B\u7247\u6BB5</h3><p>\u4F60\u53EF\u4EE5\u6309\u7167\u987A\u5E8F\u5305\u88F9\u4E00\u4E2A HTML \u5143\u7D20\u4F7F\u5176\u62E5\u6709\u591A\u4E2A\u52A8\u753B\u7247\u6BB5</p><span class="fragment fade-in"><span class="fragment highlight-red"><span class="fragment fade-out"> \u6E10\u5165 &gt; \u53D8\u7EA2 &gt; \u6E10\u51FA </span></span></span><p>--</p><h2 id="\u52A8\u753B\u7247\u6BB5-5" tabindex="-1"><a class="header-anchor" href="#\u52A8\u753B\u7247\u6BB5-5" aria-hidden="true">#</a> \u52A8\u753B\u7247\u6BB5</h2><h3 id="\u987A\u5E8F" tabindex="-1"><a class="header-anchor" href="#\u987A\u5E8F" aria-hidden="true">#</a> \u987A\u5E8F</h3><p>\u4F60\u53EF\u4EE5\u4F7F\u7528 <code>data-fragment-index</code> \u5C5E\u6027\u6539\u53D8\u5143\u7D20\u7684\u52A8\u753B\u987A\u5E8F\u3002</p><p>\u4E0D\u540C\u5143\u7D20\u53EF\u4EE5\u6709\u76F8\u540C\u7684\u52A8\u753B\u987A\u5E8F\u3002</p><ul><li>\u6700\u540E\u663E\u793A</li></ul><ul><li>\u7B2C\u4E8C\u4E2A\u663E\u793A</li></ul><ul><li>\u7B2C\u4E00\u4E2A\u663E\u793A</li></ul><ul><li>\u7B2C\u4E8C\u4E2A\u663E\u793A</li></ul><hr><h2 id="\u6E10\u53D8" tabindex="-1"><a class="header-anchor" href="#\u6E10\u53D8" aria-hidden="true">#</a> \u6E10\u53D8</h2><p>--</p><h2 id="\u6E10\u53D8-1" tabindex="-1"><a class="header-anchor" href="#\u6E10\u53D8-1" aria-hidden="true">#</a> \u6E10\u53D8</h2><p>Transition \u53EF\u4EE5\u901A\u8FC7\u914D\u7F6E\u4E2D\u7684 <code>transition</code> \u9009\u9879\u5168\u5C40\u8BBE\u7F6E\uFF0C\u4E5F\u53EF\u4EE5\u901A\u8FC7\u5728\u7279\u5B9A\u5E7B\u706F\u7247\u6DFB\u52A0 <code>data-transition</code> \u5C5E\u6027\u5C40\u90E8\u8BBE\u7F6E.</p><p>\u53EF\u80FD\u7684\u503C:</p><ul><li>none</li><li>fade</li><li>slide</li></ul><ul><li>convex</li><li>concave</li><li>zoom</li></ul><p>--</p><h2 id="\u6E10\u53D8-2" tabindex="-1"><a class="header-anchor" href="#\u6E10\u53D8-2" aria-hidden="true">#</a> \u6E10\u53D8</h2><h3 id="\u8FC7\u6E21\u52A8\u753B" tabindex="-1"><a class="header-anchor" href="#\u8FC7\u6E21\u52A8\u753B" aria-hidden="true">#</a> \u8FC7\u6E21\u52A8\u753B</h3><p>\u4F60\u53EF\u4EE5\u5728\u76F8\u90BB\u7684\u5E7B\u706F\u7247\u4E0A\u6DFB\u52A0 <code>data-auto-animate</code> \u4F7F\u76F8\u540C\u7684 HTML \u5143\u7D20\u4EA7\u751F\u8FC7\u6E21\u52A8\u753B\u6548\u679C\u3002</p><hr><h2 id="\u529F\u80FD" tabindex="-1"><a class="header-anchor" href="#\u529F\u80FD" aria-hidden="true">#</a> \u529F\u80FD</h2><p>--</p><h2 id="\u529F\u80FD-1" tabindex="-1"><a class="header-anchor" href="#\u529F\u80FD-1" aria-hidden="true">#</a> \u529F\u80FD</h2><h3 id="\u4EE3\u7801" tabindex="-1"><a class="header-anchor" href="#\u4EE3\u7801" aria-hidden="true">#</a> \u4EE3\u7801</h3><p>\u901A\u8FC7\u542F\u7528 <code>highlight</code> \u63D2\u4EF6\uFF0C\u4F60\u53EF\u4EE5\u5BF9\u4EE3\u7801\u5757\u8FDB\u884C\u9AD8\u4EAE\u3002</p><p>\u4F60\u53EF\u4EE5\u4F7F\u7528 <code>[a-b|c-d]</code> \u8BED\u6CD5\u6765\u5206\u5E03\u9AD8\u4EAE\u7279\u5B9A\u884C\u3002</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">let</span> a <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> b <span class="token operator">=</span> <span class="token number">2</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> <span class="token function-variable function">c</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token parameter">x</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token number">1</span> <span class="token operator">+</span> <span class="token number">2</span> <span class="token operator">+</span> x<span class="token punctuation">;</span>
<span class="token function">c</span><span class="token punctuation">(</span><span class="token number">3</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><p>--</p><h2 id="\u529F\u80FD-2" tabindex="-1"><a class="header-anchor" href="#\u529F\u80FD-2" aria-hidden="true">#</a> \u529F\u80FD</h2><h3 id="\u9884\u89C8\u6A21\u5F0F" tabindex="-1"><a class="header-anchor" href="#\u9884\u89C8\u6A21\u5F0F" aria-hidden="true">#</a> \u9884\u89C8\u6A21\u5F0F</h3><p>\u6309\u4E0B <code>Esc</code> \u6216 <code>O</code> \u5373\u53EF\u5728\u5E7B\u706F\u7247\u83B7\u5F97\u7126\u70B9\u65F6\u8FDB\u5165\u9884\u89C8\u6A21\u5F0F\u3002</p><p>--</p><h2 id="\u529F\u80FD-3" tabindex="-1"><a class="header-anchor" href="#\u529F\u80FD-3" aria-hidden="true">#</a> \u529F\u80FD</h2><h3 id="\u5168\u5C4F\u6A21\u5F0F" tabindex="-1"><a class="header-anchor" href="#\u5168\u5C4F\u6A21\u5F0F" aria-hidden="true">#</a> \u5168\u5C4F\u6A21\u5F0F</h3><p>\u6309\u4E0B <code>F</code> \u6216 <code>F11</code> \u5373\u53EF\u5728\u5E7B\u706F\u7247\u83B7\u5F97\u7126\u70B9\u65F6\u8FDB\u5165\u5168\u5C4F\u6A21\u5F0F\u3002</p><p>--</p><h2 id="\u529F\u80FD-4" tabindex="-1"><a class="header-anchor" href="#\u529F\u80FD-4" aria-hidden="true">#</a> \u529F\u80FD</h2><h3 id="\u7F29\u653E" tabindex="-1"><a class="header-anchor" href="#\u7F29\u653E" aria-hidden="true">#</a> \u7F29\u653E</h3><p>\u6309\u4E0B <code>alt</code> (Linux \u4E0A\u4F7F\u7528 <code>ctrl</code>) \u7684\u540C\u65F6\u70B9\u51FB\u5E7B\u706F\u7247\u7684\u4EFB\u4F55\u5143\u7D20\uFF0C\u5373\u53EF\u4EE5\u5411\u6B64\u5143\u7D20\u8FDB\u884C\u653E\u5927\u3002</p><p>\u518D\u6B21\u70B9\u51FB\u5373\u53EF\u7F29\u5C0F\u3002</p><hr><h2 id="\u7ED3\u675F" tabindex="-1"><a class="header-anchor" href="#\u7ED3\u675F" aria-hidden="true">#</a> \u7ED3\u675F</h2><p>@slideend</p>`,112);function M(L,j){const n=o("ExternalLinkIcon");return i(),s("div",null,[t,e("p",null,[p,u,f,k,b,m,x,e("a",g,[_,h(n)]),v]),w])}var E=r(l,[["render",M],["__file","slide.html.vue"]]);export{E as default};