<h2 id="_1">图片格式和应用场景</h2> <h3 id="jpeg">JPEG 格式</h3> <p>JPEG（Joint Photographic Experts Group）是一种针对彩色照片而广泛使用的有损压缩图形格式，属 ...

<h2 id="_1">浏览器的渲染机制</h2> <p>我们需要先理解浏览器的渲染经历了哪些过程，才能有针对性的进行相关优化。</p> <p>掌握浏览器的渲染优化，可以说是前端工程师的一个分水岭。如果想要具备架构师的思维，需要达到什么样的 ...

<h2 id="_1">浏览器渲染过程</h2> <p><img alt="" src="https://img.smyhvae.com/20210114_2115.png"/></p> <ol> <li> <p>浏览器解析 HTML，生成 ...

> <p>MVVM的常见问题：</p> <ul> <li> <p>如何理解MVVM</p> </li> <li> <p>如何实现MVVM</p> </li> <li> <p>是否解读过Vue的源码</p> </li> </ul> <p>题目 ...

<h2 id="_1">前言</h2> <p><strong>渲染机制</strong>包括的内容：</p> <ul> <li> <p>什么是DOCTYPE及作用</p> </li> <li> <p>浏览器渲染过程。面试经常会问：在浏览器中 ...

<h2 id="_1">性能指标和优化目标之：加载</h2> <p>性能指标：我们在性能优化过程中可以参考的标准。这些标准都是业界或者前人总结出来的指导性经验。我们可以参考这些指标，去指导我们自己的优化。</p> <h3 id="_2">打 ...

<h2 id="todo">todo</h2> <ul> <li> <p>rpc 和 Node.js 的关系</p> </li> <li> <p><a href="https://mp.weixin.qq.com/s/uWeAsJ-P253 ...

<h2 id="_1">访问关系的函数封装</h2> <p>（1）函数封装</p> <p>新建一个文件名叫<code>tools.js</code>，然后在里面封装访问关系。代码如下。</p> <p>tools.js:</p> <pre c ...

<h2 id="dom">DOM操作练习</h2> <h3 id="1">举例1：点击按钮时，显示和隐藏盒子。</h3> <p>代码实现：</p> <pre class="codehilite"><code class="language- ...

<h2 id="dom">动态创建DOM元素的三种方式</h2> <ul> <li> <p><code>document.write();</code> 不常用，因为容易覆盖原来的页面。</p> </li> <li> <p><code>in ...