更新知识图谱

This commit is contained in:
xiejie 2022-02-14 20:48:00 +08:00
parent a23ef9c13e
commit 41d9ce8a40
2 changed files with 60 additions and 11 deletions

View File

@ -0,0 +1,55 @@
# 更多知识
该部分知识的特点:
- 面试有较低的机率被问到
- 实际编码中用得不是太多
**1. 符号**
作用:消除魔法字符、避免一个复杂对象中含有多个属性的时候某个属性名覆盖掉、模拟类的私有方法
所在章节ES6 详细版(袁进)
<img src="https://xiejie-typora.oss-cn-chengdu.aliyuncs.com/2022-02-14-073533.png" alt="image-20220214153533405" style="zoom:50%;" />
**2. 迭代器和生成器**
作用实现异步的一种方式React 中大量使用到了生成器Koa第一代也是大量用到了生成器。
所在章节ES6 详细版(袁进)
<img src="https://xiejie-typora.oss-cn-chengdu.aliyuncs.com/2022-02-14-073151.png" alt="image-20220214153151334" style="zoom:50%;" />
**3. 代理与反射**
作用:属于元编程的知识,写框架的时候会用到
所在章节ES6 详细版(袁进)
<img src="https://xiejie-typora.oss-cn-chengdu.aliyuncs.com/2022-02-14-073241.png" alt="image-20220214153240704" style="zoom:50%;" />
**4. 增强的数组功能**
作用JavaScript 类型化数组是一种类似数组的对象并提供了一种用于访问原始二进制数据的机制。JavaScript引擎会做一些内部优化以便对数组的操作可以很快。
所在章节ES6 详细版(袁进)
<img src="https://xiejie-typora.oss-cn-chengdu.aliyuncs.com/2022-02-14-073319.png" alt="image-20220214153318805" style="zoom:50%;" />

View File

@ -1,6 +1,6 @@
<mxfile host="65bd71144e">
<diagram id="QFoU5hE6jV3CWI5dNyLY" name="第 1 页">
<mxGraphModel dx="472" dy="579" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1654" pageHeight="1169" background="#ffffff" math="0" shadow="0">
<mxGraphModel dx="1186" dy="859" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1654" pageHeight="1169" background="#ffffff" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
@ -10,10 +10,10 @@
<mxCell id="9" value="&lt;font color=&quot;#000000&quot;&gt;10. 垃圾回收与内存泄露&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="140" y="679" width="250" height="31" as="geometry"/>
</mxCell>
<mxCell id="69" style="edgeStyle=none;html=1;" edge="1" parent="1" source="11" target="9">
<mxCell id="69" style="edgeStyle=none;html=1;strokeColor=#000000;strokeWidth=2;" parent="1" source="11" target="9" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="70" style="edgeStyle=orthogonalEdgeStyle;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="11" target="20">
<mxCell id="70" style="edgeStyle=orthogonalEdgeStyle;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#000000;strokeWidth=2;" parent="1" source="11" target="20" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="121" y="750"/>
@ -81,7 +81,7 @@
<mxCell id="34" value="&lt;font color=&quot;#000000&quot;&gt;26. 尺寸和位置&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;fontFamily=Roboto Mono;fillColor=#F8CECC;strokeColor=#B85450;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="703" y="308" width="248" height="31" as="geometry"/>
</mxCell>
<mxCell id="68" style="edgeStyle=none;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;" parent="1" source="36" target="9" edge="1">
<mxCell id="68" style="edgeStyle=none;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;strokeColor=#000000;" parent="1" source="36" target="9" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="36" value="&lt;font color=&quot;#000000&quot;&gt;21. WeakSet和WeakMap&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
@ -90,15 +90,9 @@
<mxCell id="37" value="&lt;font color=&quot;#000000&quot;&gt;24. node的事件循环&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="703" y="190" width="250" height="31" as="geometry"/>
</mxCell>
<mxCell id="39" value="&lt;font color=&quot;#000000&quot;&gt;28. Generator&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="704" y="432" width="249" height="31" as="geometry"/>
</mxCell>
<mxCell id="40" value="&lt;font color=&quot;#000000&quot;&gt;27. Proxy&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxCell id="40" value="&lt;font color=&quot;#000000&quot;&gt;27. 更多知识&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="703" y="370" width="250" height="31" as="geometry"/>
</mxCell>
<mxCell id="41" value="&lt;font color=&quot;#000000&quot;&gt;29. 前端设计模式&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="704" y="494" width="250" height="31" as="geometry"/>
</mxCell>
<mxCell id="42" value="&lt;font color=&quot;#000000&quot;&gt;23. 函数科里化&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="703" y="137" width="248" height="31" as="geometry"/>
</mxCell>