feat: add typescript cheatsheet.

README.md

@@ -10,6 +10,7 @@ Quick Reference
 ## 编程
 
 [TOML](./docs/toml.md)
+[TypeScript](./docs/typescript.md)
 [JavaScript](./docs/javascript.md)
 [JSON](./docs/json.md)
 [Markdown](./docs/markdown.md)

docs/javascript.md

@@ -12,6 +12,7 @@ JavaScript 是一种轻量级的解释型编程语言。
 
 - [JSON 备忘清单](json.md)
 - [JavaScript 中的正则表达式](/regex#regex-in-javascript)
+- [TypeScript 备忘清单](./typescript.md)
 
 ### 打印调试
 
@@ -29,6 +30,7 @@ console.error(new Error('Oops!'));
 ```javascript
 let amount = 6;
 let price = 4.99;
+let home = 1e2;
 ```
 
 ### 变量

scripts/style.css

@@ -160,7 +160,13 @@ ol, ul, menu {
   padding: 0;
 }
 
-.h3warp > .warp-body ul, .h3warp > .warp-body ol, .h3warp > .warp-body dl {
+.h4warp > .warp-body ul,
+.h4warp > .warp-body ol,
+.h4warp > .warp-body dl,
+
+.h3warp > .warp-body ul,
+.h3warp > .warp-body ol,
+.h3warp > .warp-body dl {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   display: grid;
@@ -168,13 +174,20 @@ ol, ul, menu {
   grid-template-columns: repeat(1,minmax(0,1fr));
 }
 
-.h3warp > .warp-body ul li, .h3warp > .warp-body ol li, .h3warp > .warp-body dl li {
+.h4warp > .warp-body ul,
+.h4warp > .warp-body ol,
+.h4warp > .warp-body dl,
+
+.h3warp > .warp-body ul li,
+.h3warp > .warp-body ol li,
+.h3warp > .warp-body dl li {
   padding: 9px;
   padding-left: 26px;
   position: relative;
   border-bottom: solid 1px rgb(51 65 85/0.5);
 }
 
+.h4warp>.warp-body ul:not(.style-none)>li::before,
 .h3warp>.warp-body ul:not(.style-none)>li::before {
   content: '';
   position: absolute;
@@ -294,6 +307,15 @@ pre {
 .col-span-2 {
   grid-column: span 2/span 2;
 }
+.col-span-3 {
+  grid-column: span 3/span 3;
+}
+.row-span-2 {
+  grid-row: span 2/span 2;
+}
+.row-span-3 {
+  grid-row: span 3/span 3;
+}
 
 [data-color-mode*='light'], [data-color-mode*='light'] body {
   --color-prettylights-syntax-comment: #6e7781;