代码拉取完成,页面将自动刷新
同步操作将从 DEV-Edu/frontend-interview-browser 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
<mxfile host="65bd71144e">
<diagram id="QFoU5hE6jV3CWI5dNyLY" name="第 1 页">
<mxGraphModel dx="738" dy="494" 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"/>
<mxCell id="2" value="<font color="#000000" style="font-size: 14px;">03. 浏览器的组成部分</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="216" y="214" width="178" height="31" as="geometry"/>
</mxCell>
<mxCell id="19" value="" style="group" parent="1" vertex="1" connectable="0">
<mxGeometry x="218" y="267" width="169" height="179" as="geometry"/>
</mxCell>
<mxCell id="16" value="" style="rounded=0;whiteSpace=wrap;html=1;fontFamily=Roboto Mono;fontSize=16;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;" parent="19" vertex="1">
<mxGeometry width="169" height="179" as="geometry"/>
</mxCell>
<mxCell id="3" value="<font color="#000000">图例</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fontSize=16;fontFamily=Roboto Mono;" parent="19" vertex="1">
<mxGeometry x="63.5" y="7" width="42" height="23" as="geometry"/>
</mxCell>
<mxCell id="4" value="<font color="#000000">必会知识</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=16;fontFamily=Roboto Mono;" parent="19" vertex="1">
<mxGeometry x="18" y="42" width="133" height="31" as="geometry"/>
</mxCell>
<mxCell id="5" value="<font color="#000000">建议学习的知识</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontSize=16;fontFamily=Roboto Mono;" parent="19" vertex="1">
<mxGeometry x="18" y="85" width="133" height="31" as="geometry"/>
</mxCell>
<mxCell id="6" value="<font color="#000000">选择学习的知识</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=16;fontFamily=Roboto Mono;" parent="19" vertex="1">
<mxGeometry x="18" y="128" width="133" height="31" as="geometry"/>
</mxCell>
<mxCell id="47" value="<span style="font-size: 14px;"><font color="#000000" style="font-size: 14px;">02. 资源提示关键词</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="215" y="155" width="179" height="31" as="geometry"/>
</mxCell>
<mxCell id="59" value="<font color="#000000" style="font-size: 14px;">01. 浏览器渲染流程</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="26" y="155" width="161" height="31" as="geometry"/>
</mxCell>
<mxCell id="66" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;strokeColor=#000000;strokeWidth=2;spacingLeft=10;fontSize=14;" parent="1" source="63" target="64" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="63" value="<span style="font-size: 14px"><font color="#000000" style="font-size: 14px">05. WebSQL</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="421" y="216" width="200" height="31" as="geometry"/>
</mxCell>
<mxCell id="64" value="<span style="font-size: 14px"><font color="#000000" style="font-size: 14px">04. 浏览器的离线存储概述</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="422" y="157" width="198" height="31" as="geometry"/>
</mxCell>
<mxCell id="73" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;strokeColor=#000000;strokeWidth=2;spacingLeft=10;fontSize=14;" parent="1" source="69" target="63" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="69" value="<span style="font-size: 14px"><font color="#000000" style="font-size: 14px">06. IndexedDB</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="422" y="281" width="196" height="31" as="geometry"/>
</mxCell>
<mxCell id="71" value="<font color="#000000" style="font-size: 14px">08. 浏览器缓存</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="420" y="412" width="197" height="31" as="geometry"/>
</mxCell>
<mxCell id="75" value="<span style="font-size: 14px"><font color="#000000" style="font-size: 14px">10. BroadCast 实现跨标签页通信</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="653" y="216" width="253" height="31" as="geometry"/>
</mxCell>
<mxCell id="76" value="<span style="font-size: 14px"><font color="#000000" style="font-size: 14px">09. 跨标签页通信概述</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="654" y="157" width="253" height="31" as="geometry"/>
</mxCell>
<mxCell id="78" value="<span style="font-size: 12px;"><font color="#000000" style="font-size: 12px;">11. ServiceWorker 实现跨标签页通信</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=12;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="653" y="273" width="252" height="31" as="geometry"/>
</mxCell>
<mxCell id="79" value="<font color="#000000" style="font-size: 14px">12. storage 实现跨标签页通信</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="653" y="330" width="254" height="31" as="geometry"/>
</mxCell>
<mxCell id="81" value="" style="edgeStyle=none;html=1;strokeWidth=2;" parent="1" source="80" target="69" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="80" value="<span style="font-size: 14px"><font color="#000000" style="font-size: 14px">07. File API</font></span>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="421" y="350" width="196" height="31" as="geometry"/>
</mxCell>
<mxCell id="82" value="<font color="#000000" style="font-size: 12px;">13. SharedWorker 实现跨标签页通信</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=12;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="653" y="388" width="254" height="31" as="geometry"/>
</mxCell>
<mxCell id="83" value="<font color="#000000" style="font-size: 14px">14. IndexedDB 实现跨标签页通信</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="654" y="446" width="254" height="31" as="geometry"/>
</mxCell>
<mxCell id="84" value="<font color="#000000" style="font-size: 14px">15. cookie 实现跨标签页通信</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="654" y="501" width="254" height="31" as="geometry"/>
</mxCell>
<mxCell id="85" value="<font color="#000000" style="font-size: 12px;">16. postMessage 实现跨标签页通信</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=12;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="654" y="557" width="254" height="31" as="geometry"/>
</mxCell>
<mxCell id="96" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;strokeWidth=2;" parent="1" source="86" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="908" y="175" as="targetPoint"/>
<Array as="points">
<mxPoint x="971" y="629"/>
<mxPoint x="971" y="175"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="86" value="<font color="#000000" style="font-size: 14px">17. Websocket 实现跨标签页通信</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="654" y="613" width="254" height="31" as="geometry"/>
</mxCell>
<mxCell id="89" value="<font color="#000000" style="font-size: 14px">18. Web Worker</font>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=14;fontFamily=Roboto Mono;align=left;spacingLeft=10;" parent="1" vertex="1">
<mxGeometry x="654" y="669" width="254" height="31" as="geometry"/>
</mxCell>
<mxCell id="97" value="" style="endArrow=none;html=1;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="906" y="288" as="sourcePoint"/>
<mxPoint x="970" y="288" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="98" value="" style="endArrow=none;html=1;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="907" y="347" as="sourcePoint"/>
<mxPoint x="971" y="347" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="99" value="" style="endArrow=none;html=1;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="908" y="403" as="sourcePoint"/>
<mxPoint x="972" y="403" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="100" value="" style="endArrow=none;html=1;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="908" y="463" as="sourcePoint"/>
<mxPoint x="972" y="463" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="101" value="" style="endArrow=none;html=1;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="907" y="516" as="sourcePoint"/>
<mxPoint x="971" y="516" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="102" value="" style="endArrow=none;html=1;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="908" y="572" as="sourcePoint"/>
<mxPoint x="972" y="572" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="103" value="" style="endArrow=none;html=1;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="906" y="234" as="sourcePoint"/>
<mxPoint x="970" y="234" as="targetPoint"/>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。