Skip to content

Commit e267476

Browse files
xcatliuxcatliu
committed
deploy: 1c92dba 
1 parent b12b924 commit e267476

38 files changed

+376
-88
lines changed

‎_ga.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
// @deno-types="https://deno.land/x/types/react/v16.13.1/react.d.ts"
1+
22

33
const Ga = ({ id }) => {
44
React.useEffect(() => {

‎_gitalk.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
// @deno-types="https://deno.land/x/types/react/v16.13.1/react.d.ts"
21

3-
// @deno-types="https://deno.land/x/types/react-dom/v16.13.1/react-dom.d.ts"
2+
3+
44

55
const Gitalk = (props) => {
66
React.useEffect(() => {

‎_header.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
// @deno-types="https://deno.land/x/types/react/v16.13.1/react.d.ts"
1+
22

33
const Header = ({ config, isDark, setIsDark }) => (React.createElement("header", null,
44
React.createElement("h1", null,

‎_layout.js‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
// @deno-types="https://deno.land/x/types/react/v16.13.1/react.d.ts"
1+
22

33
import Header from './_header.js';
44
import Sidebar from './_sidebar.js';
@@ -31,10 +31,13 @@ if (shouldSetIsDark) {
3131
React.createElement(Header, { config: config, isDark: isDark, setIsDark: setIsDark }),
3232
React.createElement(Sidebar, { sidebar: sidebar, outputPath: outputPath, config: config }),
3333
React.createElement("section", { className: "main" },
34-
React.createElement("div", { className: "main-article" },
34+
React.createElement("div", { className: "main_article" },
3535
loading ? React.createElement(Loading, null) : content,
3636
gitalk),
37-
React.createElement("div", { className: "main-toc nav_link_container" }, toc)),
37+
React.createElement("div", { className: "main_toc_container nav_link_container" },
38+
React.createElement("div", { className: "main_toc" },
39+
config.tocAd && React.createElement("div", { className: "toc_ad" }, config.tocAd),
40+
toc))),
3841
script)));
3942
};
4043
export default Layout;

‎_loading.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
// @deno-types="https://deno.land/x/types/react/v16.13.1/react.d.ts"
1+
22

33
const style = `
44
.sk-circle {

‎_sidebar.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
// @deno-types="https://deno.land/x/types/react/v16.13.1/react.d.ts"
1+
22

33
import { classnames } from './_utils.js';
44
const Sidebar = (props) => (React.createElement("aside", { className: "sidebar" },
@@ -45,7 +45,7 @@ const FoldableItem = ({ outputPath, config, text, link, children }) => {
4545
children && (React.createElement(React.Fragment, null,
4646
React.createElement("span", { className: "czs-angle czs-angle-up-l", style: { backgroundImage: `url("${config.base}assets/czs-angle-up-l.svg")` }, onClick: toggleFold }),
4747
React.createElement("span", { className: "czs-angle czs-angle-down-l", style: { backgroundImage: `url("${config.base}assets/czs-angle-down-l.svg")` }, onClick: toggleFold })))),
48-
children && (React.createElement("ol", { ref: measuredRef, style: { height: olHeight } }, children.map(({ text, link }) => (React.createElement("li", { key: link },
48+
children && (React.createElement("ol", { ref: measuredRef, style: { height: olHeight } }, children.map(({ text, link }, index) => (React.createElement("li", { key: index },
4949
React.createElement("a", { href: `${config.base}${link}`, className: classnames('nav_link', { active: link === outputPath }) }, text))))))));
5050
};
5151
export default Sidebar;

‎advanced/class-and-interfaces.html‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
document.documentElement.classList.add('is_dark');
99
document.getElementById('prismTheme').href = "/assets/prism_tomorrow.css";
1010
}
11-
</script><link rel="stylesheet" href="/assets/index.css"/><link rel="icon" type="image/png" href="/favicon.png"/><script data-ad-client="ca-pub-8483371329009107" async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></head><body><header><h1><a href="/">TypeScript 入门教程</a></h1><nav><ul><li><a href="https://github.com/xcatliu/buy-me-a-coffee">赞助作者</a></li><li style="flex-grow:1"></li><li class="toggle_dark"><span class="czs-sun" style="background-image:url(&quot;/assets/czs-sun.svg&quot;)"></span><span class="czs-sun-l" style="background-image:url(&quot;/assets/czs-sun-l.svg&quot;)"></span><span class="czs-moon" style="background-image:url(&quot;/assets/czs-moon.svg&quot;)"></span><span class="czs-moon-l" style="background-image:url(&quot;/assets/czs-moon-l.svg&quot;)"></span></li><li><a href="https://github.com/xcatliu/typescript-tutorial">GitHub</a></li></ul></nav></header><aside class="sidebar"><ol><li class="unfold"><a href="/introduction/index.html" class="nav_link">简介<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/introduction/what-is-typescript.html" class="nav_link">什么是 TypeScript</a></li><li><a href="/introduction/get-typescript.html" class="nav_link">安装 TypeScript</a></li><li><a href="/introduction/hello-typescript.html" class="nav_link">Hello TypeScript</a></li></ol></li><li class="unfold"><a href="/basics/index.html" class="nav_link">基础<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/basics/primitive-data-types.html" class="nav_link">原始数据类型</a></li><li><a href="/basics/any.html" class="nav_link">任意值</a></li><li><a href="/basics/type-inference.html" class="nav_link">类型推论</a></li><li><a href="/basics/union-types.html" class="nav_link">联合类型</a></li><li><a href="/basics/type-of-object-interfaces.html" class="nav_link">对象的类型——接口</a></li><li><a href="/basics/type-of-array.html" class="nav_link">数组的类型</a></li><li><a href="/basics/type-of-function.html" class="nav_link">函数的类型</a></li><li><a href="/basics/type-assertion.html" class="nav_link">类型断言</a></li><li><a href="/basics/declaration-files.html" class="nav_link">声明文件</a></li><li><a href="/basics/built-in-objects.html" class="nav_link">内置对象</a></li></ol></li><li class="unfold"><a href="/advanced/index.html" class="nav_link">进阶<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/advanced/type-aliases.html" class="nav_link">类型别名</a></li><li><a href="/advanced/string-literal-types.html" class="nav_link">字符串字面量类型</a></li><li><a href="/advanced/tuple.html" class="nav_link">元组</a></li><li><a href="/advanced/enum.html" class="nav_link">枚举</a></li><li><a href="/advanced/class.html" class="nav_link">类</a></li><li><a href="/advanced/class-and-interfaces.html" class="nav_link active">类与接口</a></li><li><a href="/advanced/generics.html" class="nav_link">泛型</a></li><li><a href="/advanced/declaration-merging.html" class="nav_link">声明合并</a></li><li><a href="/advanced/further-reading.html" class="nav_link">扩展阅读</a></li></ol></li><li class="unfold"><a href="/engineering/index.html" class="nav_link">工程<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/engineering/lint.html" class="nav_link">代码检查</a></li><li><a href="/engineering/compiler-options.html" class="nav_link">编译选项</a></li></ol></li><li class="unfold"><a href="/thanks/index.html" class="nav_link">感谢</a></li></ol><hr/><a class="powered_by" href="https://github.com/xcatliu/pagic" target="_blank">Powered by <img src="/assets/pagic.png"/>agic</a></aside><section class="main"><div class="main-article"><article><h1>类与接口</h1>
11+
</script><link rel="stylesheet" href="/assets/index.css"/><link rel="icon" type="image/png" href="/favicon.png"/></head><body><header><h1><a href="/">TypeScript 入门教程</a></h1><nav><ul><li><a href="https://github.com/xcatliu/buy-me-a-coffee">赞助作者</a></li><li style="flex-grow:1"></li><li class="toggle_dark"><span class="czs-sun" style="background-image:url(&quot;/assets/czs-sun.svg&quot;)"></span><span class="czs-sun-l" style="background-image:url(&quot;/assets/czs-sun-l.svg&quot;)"></span><span class="czs-moon" style="background-image:url(&quot;/assets/czs-moon.svg&quot;)"></span><span class="czs-moon-l" style="background-image:url(&quot;/assets/czs-moon-l.svg&quot;)"></span></li><li><a href="https://github.com/xcatliu/typescript-tutorial">GitHub</a></li></ul></nav></header><aside class="sidebar"><ol><li class="unfold"><a href="/introduction/index.html" class="nav_link">简介<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/introduction/what-is-typescript.html" class="nav_link">什么是 TypeScript</a></li><li><a href="/introduction/get-typescript.html" class="nav_link">安装 TypeScript</a></li><li><a href="/introduction/hello-typescript.html" class="nav_link">Hello TypeScript</a></li></ol></li><li class="unfold"><a href="/basics/index.html" class="nav_link">基础<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/basics/primitive-data-types.html" class="nav_link">原始数据类型</a></li><li><a href="/basics/any.html" class="nav_link">任意值</a></li><li><a href="/basics/type-inference.html" class="nav_link">类型推论</a></li><li><a href="/basics/union-types.html" class="nav_link">联合类型</a></li><li><a href="/basics/type-of-object-interfaces.html" class="nav_link">对象的类型——接口</a></li><li><a href="/basics/type-of-array.html" class="nav_link">数组的类型</a></li><li><a href="/basics/type-of-function.html" class="nav_link">函数的类型</a></li><li><a href="/basics/type-assertion.html" class="nav_link">类型断言</a></li><li><a href="/basics/declaration-files.html" class="nav_link">声明文件</a></li><li><a href="/basics/built-in-objects.html" class="nav_link">内置对象</a></li></ol></li><li class="unfold"><a href="/advanced/index.html" class="nav_link">进阶<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/advanced/type-aliases.html" class="nav_link">类型别名</a></li><li><a href="/advanced/string-literal-types.html" class="nav_link">字符串字面量类型</a></li><li><a href="/advanced/tuple.html" class="nav_link">元组</a></li><li><a href="/advanced/enum.html" class="nav_link">枚举</a></li><li><a href="/advanced/class.html" class="nav_link">类</a></li><li><a href="/advanced/class-and-interfaces.html" class="nav_link active">类与接口</a></li><li><a href="/advanced/generics.html" class="nav_link">泛型</a></li><li><a href="/advanced/declaration-merging.html" class="nav_link">声明合并</a></li><li><a href="/advanced/further-reading.html" class="nav_link">扩展阅读</a></li></ol></li><li class="unfold"><a href="/engineering/index.html" class="nav_link">工程<span class="czs-angle czs-angle-up-l" style="background-image:url(&quot;/assets/czs-angle-up-l.svg&quot;)"></span><span class="czs-angle czs-angle-down-l" style="background-image:url(&quot;/assets/czs-angle-down-l.svg&quot;)"></span></a><ol style="height:auto"><li><a href="/engineering/lint.html" class="nav_link">代码检查</a></li><li><a href="/engineering/compiler-options.html" class="nav_link">编译选项</a></li></ol></li><li class="unfold"><a href="/thanks/index.html" class="nav_link">感谢</a></li></ol><hr/><a class="powered_by" href="https://github.com/xcatliu/pagic" target="_blank">Powered by <img src="/assets/pagic.png"/>agic</a></aside><section class="main"><div class="main_article"><article><h1>类与接口</h1>
1212
<p><a href="../basics/type-of-object-interfaces.html">之前学习过</a>，接口（Interfaces）可以用于对「对象的形状（Shape）」进行描述。</p>
1313
<p>这一章主要介绍接口的另一个用途，对类的一部分行为进行抽象。</p>
1414
<h2 id="%E7%B1%BB%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3">类实现接口<a class="anchor" href="#%E7%B1%BB%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3">§</a></h2>
@@ -206,4 +206,13 @@ <h2 id="%E5%8F%82%E8%80%83">参考<a class="anchor" href="#%E5%8F%82%E8%80%83">
206206
<li><a href="class.html">上一章：类</a></li>
207207
<li><a href="generics.html">下一章：泛型</a></li>
208208
</ul>
209-
</article><div id="gitalk-container"></div><link id="gitalk-css" rel="preload" href="https://unpkg.com/[email protected]/dist/gitalk.css" as="style"/><script defer="" src="https://unpkg.com/[email protected]/dist/gitalk.min.js"></script></div><div class="main-toc nav_link_container"><aside><nav class="toc"><ol><li><a href="#%E7%B1%BB%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3">类实现接口</a></li><li><a href="#%E6%8E%A5%E5%8F%A3%E7%BB%A7%E6%89%BF%E6%8E%A5%E5%8F%A3">接口继承接口</a></li><li><a href="#%E6%8E%A5%E5%8F%A3%E7%BB%A7%E6%89%BF%E7%B1%BB">接口继承类</a></li><li><a href="#%E5%8F%82%E8%80%83">参考</a></li></ol></nav></aside></div></section><script crossorigin="anonymous" src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script><script crossorigin="anonymous" src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script><script type="module" src="/main.js"></script></body></html>
209+
</article><div id="gitalk-container"></div><link id="gitalk-css" rel="preload" href="https://unpkg.com/[email protected]/dist/gitalk.css" as="style"/><script defer="" src="https://unpkg.com/[email protected]/dist/gitalk.min.js"></script></div><div class="main_toc_container nav_link_container"><div class="main_toc"><div class="toc_ad"><div>
210+
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
211+
<!-- 192*128 -->
212+
<ins class="adsbygoogle"
213+
style="display:inline-block;width:192px;height:128px"
214+
data-ad-client="ca-pub-8483371329009107"
215+
data-ad-slot="6487368873"></ins>
216+
<script>
217+
(adsbygoogle = window.adsbygoogle || []).push({});
218+
</script></div></div><aside><nav class="toc"><ol><li><a href="#%E7%B1%BB%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3">类实现接口</a></li><li><a href="#%E6%8E%A5%E5%8F%A3%E7%BB%A7%E6%89%BF%E6%8E%A5%E5%8F%A3">接口继承接口</a></li><li><a href="#%E6%8E%A5%E5%8F%A3%E7%BB%A7%E6%89%BF%E7%B1%BB">接口继承类</a></li><li><a href="#%E5%8F%82%E8%80%83">参考</a></li></ol></nav></aside></div></div></section><script crossorigin="anonymous" src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script><script crossorigin="anonymous" src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script><script type="module" src="/main.js"></script></body></html>

0 commit comments

Comments
 (0)