<h2 id="1">1 引言</h2> <p>拖拽是前端非常常见的交互操作，但显然拖拽是强 DOM 交互的，而 React 绕过了 DOM 这一层，那么基于 React 的拖拽方案就必定值得聊一聊。</p> <p>结合 <a href=" ...

<p>本系列分三部曲：《框架实现》 《框架使用》 与 《数据流哲学》，这三篇是我对数据流阶段性的总结，正好补充之前过时的文章。</p> <p>本篇是收官之作 《前端数据流哲学》。</p> <h2 id="1">1 引言</h2> <p>写这 ...

<h2 id="_1">本文主要内容</h2> <ul> <li> <p>html 的常见元素</p> </li> <li> <p>html 元素的分类</p> </li> <li> <p>html 元素的嵌套关系</p> </li> <l ...

<h2 id="web">Web 存储</h2> <p>随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但 ...

<h2 id="img">img标签介绍</h2> <h3 id="_1">介绍</h3> <p>img: 英文全称 image（图像），代表的是一张图片。</p> <p>如果要想在网页中显示图像，就可以使用img 标签，它是一个单标签。语 ...

<h2 id="_1">编辑器相关</h2> <p>前端开发的编辑器软件，我首先推荐 VS Code，其次推荐Sublime Text。</p> <p>有人说 WebStorm 也不错？但真实情况是，自从VS Code 问世之后，用 Web ...

<p>我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。</p> <p>index.html的代码如下：</p> <pre class="codehilite"><code class="language-html">&l ...

<h2 id="_1">常见的浏览器</h2> <p>浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示：</p> <p><img alt="" src ...

<h2 id="_1">本文主要内容</h2> <ul> <li> <p>拖拽</p> </li> <li> <p>历史</p> </li> <li> <p>地理位置</p> </li> <li> <p>全屏</p> </li> </ul> ...

<h2 id="_1">本文主要内容</h2> <ul> <li>列表标签：<code>&lt;ul&gt;</code>、<code>&lt;ol&gt;</code>、<code>&lt;dl&gt;</code></li> <li>表 ...