<p>bi-designer 是阿里数据中台团队自研的前端搭建引擎，基于它开发了阿里内部最大的数据分析平台，以及阿里云上的 QuickBI。</p> <blockquote> <p>bi-designer 目前没有开源，因此文中使用的私有 ...

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

<p>本周精读文章：<a href="https://hackernoon.com/stop-using-css-in-javascript-for-web-development-fa32fb873dcc">请停止 css-in-js 的 ...

<h1 id="1">1 引言</h1> <p>说到前端编译方案，也就是如何打包项目，如何编译组件，可选方案有很多，比如：</p> <ul> <li>通过 webpack / parcel / gulp 构建项目。</li> <li>通过 ...

<h2 id="1">1 引言</h2> <p><a href="https://www.youtube.com/watch?v=RCiccdQObpo">React Conf 2019</a> 在今年 10 月份举办，内容质量还是一如既往 ...

<h2 id="_1">前端面试（前言）</h2> <h3 id="_2">面试基础</h3> <ul> <li> <p>页面布局</p> </li> <li> <p>CSS盒模型：是CSS的基石。</p> </li> <li> <p>DO ...

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

<h2 id="_1">模版引擎</h2> <h3 id="_2">引入</h3> <p>我们在使用ajax请求数据时，返回的如果是一个 JSON 格式的字符串，我们需要将其包装到对应的HTML代码中，再添加到页面上，才能看到效果。那么这个 ...

<p>京东网页上，可以看到下面这种tab栏的切换：</p> <p><img alt="" src="http://img.smyhvae.com/20180128_1750.gif"/></p> <p>我们把模型抽象出来，实现一下。</p> ...

<h2 id="_1">单线程</h2> <p>JavaScript 语言和执行环境是<strong>单线程</strong>。即同一时间，只能处理一个任务。</p> <p>具体来说，所谓单线程，是指 JS 引擎中负责解释和执行 JavaS ...