本文将探讨tree-shaking在当下(webpack@3, babel@6 以下)的现状，以及研究为什么tree-shaking依旧举步维艰的原因，最终总结当下能提高tree-shaking效果的一些手段。

为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃...

关于webpack中sourcemap的文章很多，但感觉大部分是翻译官方文档的说明， 缺乏直观的用例，写这篇博客的目的是帮自己厘清这个概念， 也顺便将我自己收集的这方面的干货放在这。本文将尝试先讲清楚webpack中的sourcemap配置项的概念。

其中-i为--interactive，即通过交互界面完成合并操作。[startpoint]和[endpoint]为需要合并的起止版本号，其中[startpoint]不会被进入合并流程，而[endpoint]则会（当然可以选择不合并）。

setTimeout 对题主理解造成了影响，重新写了一个demo。 {代码...} 以下是老答案 使用setTimeout。 您确定 1秒内能执行完吗？（如果执行不完，接着多任务执行，CPU过高）您确定 1秒内执行不完吗？（0.1秒能完成，干嘛每次都要等一秒） 为什么 导入完 一个任务后，接着...

在 React Fiber 架构面世一年多后，最近 React 又发布了最新版 16.8.0，又一激动人心的特性：React Hooks 正式上线，让我升级 React 的意愿越来越强烈了。在升级之前，不妨回到原点，了解下人才济济的 React 团队为什么要大费周章，重写 React 架构，而 Fiber 又是个...

接上一篇文章：Gulp学习指南，这里主要记录一下用 gulp 来合并、压缩CSS以及进行 MD5命名以及替换文件中引入的CSS文件，当然这一系列操作都是用基于gulp插件的，主要会用到下面的几个插件：

React 因为性能好而被广为周知，但这并不意味着我们能够把这个当作是理所当然。让你的React应用更快的关键Tips之一就是优化你的 render 函数.

近来看面试题的时候，经常看到一个问题：HTML语义化是什么意思？w3school里面有html标签的含义。然而HTML5中对一些标签进行了修改，由于不了解H5的新定义，就很容易弄错标签之间的意思。例如：既然i标签是指斜体的意思，那么为什么font-awesome这类字体要用i标签呢？...

一夜之间，“小程序+直播”成为多媒体开发者热议的话题。从底层技术实现到接口开放程度，是否绑定腾讯云？价格体系？低延迟性能如何？......一连串的问题背后是开发者乃至整个生态对“小程序+直播”的关注。LiveVideoStack邀请到小程序音视频能力的技术负责人常青，就开...

问题来源是来自这个React官方存储库的issue #3926，与这个议题关联的有很多其他的issue，来自许多项目，有些是与React相关，有些则是vue或其它JS套件。也已经有其他的项目是专注于解决这个问题，例如react-composition，不过它是一个使用ES5语法的React组件。在其他...

受控组件与非受控组件在官网与国内网上的资料都不多，有些人觉得它可有可不有，也不在意。这恰恰显示React的威力，满足不同规模大小的工程需求。譬如你只是做ListView这样简单的数据显示，将数据拍出来，那么for循坏与{}就足够了，但后台系统存在大量报表，不同的表...

今天要来说的是有关于有数值格式化的场景中，React input 光标的一些异常的表现和对应的处理办法。故事要从一个 issue 说起，有用户反映在使用 NumberField 组件输入时安卓下会出现光标位置异常，导致连续输入会达不到期望的结果。具体表现是什么样的呢？

cmd + option + [ 折叠鼠标所在代码段cmd + option + ] 展开鼠标所在代码段全选之后 cmd + k 然后 cmd + num（1， 2， 3， 4）可以选择折叠级别

{代码...}

这个不是react的锅，js本来就是这样，对象是引用类型可以这么做 {代码...} 或者immutable了解一下

console.log console.log() 方法主要用来在控制台打印信息。其参数是不定的，可以传递任意多个参数，以逗号分割。 基本用法 {代码...} 占位符 console.log() 提供了很多占位符，方便我们更加自如的定制我们的打印样式。 样式占位符 作用 %s 字符串占位符 %d 或者 %i ...

{代码...} 这个叫反向代理, 更多设置的可以搜一下