近期我们团队的小伙伴小池同学分享了 “BetterScroll 2.0 发布：精益求精，与你同行” 这篇文章到团队内部群，看到了 插件化 的架构设计，阿宝哥突然来了兴趣，因为之前阿宝哥在团队内部也做过相关的分享。既然已经来了兴趣，那就决定开启 BetterScroll 2.0 …

Web承载的业务越来越复杂，用户对于Web的体验要求也越来越高，Web性能的优劣对业务收益也有着非常直接的影响。 本文主要介绍阿里UC百亿级PV前端监控平台， 岳鹰全景监控平台 的实践历程 - 概述，阅读时长 10 分钟。 前端的开发环境比较复杂，页面在不同浏览器、微信等APP…

前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。 一个页面性能差的话会大大影响用户体验。用户打开页面等待的…

前端的同学如果用 window.onerror 事件做过监控，应该知道，跨域的脚本会给出 "Script Error." 提示，拿不到具体的错误信息和堆栈信息。 这里读者可以跟我一起做一个实验，来深入了解这个事情。先做一下实验准备： 创建一个 Node APP，只做静态服务器，…

通过 rollup 打包后的代码，相比与 webpack 打出来的包体积会更小，而且代码会更加简洁，不会有过多的冗余代码。 所以说 rollup 更适合构建一个组件库。rollup 和 webpack 的具体对比，本文章就不做扩展了。 lib 包是经过 tsc 命令 打包出来的…

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。

构建一个由typescript编写的库，并打包出es模块、CommonJS、AMD三种模块。 搭建环境的过程还是比较简单的，可以看一些别人的实现。代码分支a-2，说一下有关文章的代码分支是以a开头，a-2就是文章的第二篇，也就是标题后面的序号，分支的序号是不连续的。我的理解可能…

Rollup是一个js模块打包工具，可以将小的模块打包成一个大的模块。这种特性就很适用于打包一个库。Rollup 对代码模块使用新的标准化格式（ES模块）。 为了编写可读性更高，更利于维护的代码，通常会按照相似的功能建立很多目录和文件来，这样在使用的时候需要引入很多文件，远不如…