feat: migrate and organize documentation and blog posts

refactor(blog): restructure blog post layouts and metadata

docs: add markdown migration guide and project rules update

style(global.css): update typography theme variables

chore: move temp_docs to appropriate blog post locations

temp_docs/map遍历数字的陷阱.md

@@ -0,0 +1,56 @@
+---
+id: map-traversal-traps
+title: Map遍历数字的陷阱
+sidebar_label: map遍历数字的陷阱
+description: Map遍历数字的陷阱,['1','2','3'].map(parseInt)的返回值是什么？
+---
+
+# ['1','2','3'].map(parseInt)的返回值
+
+ > **先说结果：其运行的结果是: [1, NAN, NAN]**
+
+## map方法
+
+`map()`方法会创建一个新数组，其结果是该数组中的每个元素都调用一个提供的回调函数的返回值
+
+```JavaScript
+let arr = [ 1, 2, 3 ];
+
+arr.map ( ( item, index, arr ) => item ) // 1, 2, 3 [ 1, 2, 3 ]
+```
+
+该函数接收三个参数：当前项, 下标索引, 操作的数组
+
+## parsetInt方法
+
+`parseInt()` 是用来解析字符串，使字符串成为指定基数的整数，parseInt的基本语法:
+
+`parseInt(string, radix)`
+
+**接收两个参数，第一个表示被处理的值（字符串），第二个表示为解析时的基数。radix是一个介于2-36之间的整数，返回解析后的整数值。 如果被解析参数的第一个字符无法被转化成数值类型，则返回 NaN**
+
+```JavaScript
+praseInt('111') // 111
+
+parseInt('111', 0) // 111 
+
+// radix为0时，且string参数不以"0x"和"0"开头时，按照10为基数处理
+
+parseInt('111', 1) // NaN 【2 <= radix <= 36】
+
+parseInt('111', 2) // 7
+```
+
+## 结论
+
+当运行 `[1, 2, 3].map(parseInt)` 上时实际上运行的是：
+
+```JavaScript
+['1', '2', '3'],map( parseInt('1', 0)); // radix为0时，使用默认的10进制。
+
+['1', '2', '3'],map( parseInt('2', 0)); // radix值在2-36，无法解析，返回NaN
+
+['1', '2', '3'],map( parseInt('3', 0)); // 基数为2，2进制数表示的数中，最大值小于3，无法解析，返回NaN
+
+map函数返回的是一个数组，所以最后结果为[1, NaN, NaN]
+```