cenfun

因为我在项目里使用了html2canvas这个组件库，我接连被3个兼容性的问题坑住，差点就要提桶跑路了。

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章中，我们将看到许多实际应用。 target —— 是要包装的对象，可以是任何东西，包括函数。 handle…

相信大家都有过这种情况，接盘。没错，你不知道在你面前放着的代码经过几个人的手，里面有几种风格。我见过一个项目，7、8个人接手过，轮到我接手的时候先吐了半个小时。在中大型项目中，这是一种常态，我通常称此类项目为shi山。那么我们怎么才能把项目code质量这一块，掌控的死死的呢？代…

前端团队有评审代码的要求，但由于每个开发人员的水平不同，技术关注点不同，所以对代码评审的关注点不同，为了保证代码质量，团队代码风格统一，特此拟定一份《前端团队代码评审 CheckList 清单》，这样代码评审人员在评审代码时，可以参照这份清单，对代码进行评审。从而辅助整个团队提…

目前 animation 有下面 9 种属性，其中第一个是后面属性的简写形式。 该属性用于指定 @keyframes 动画的名称。定义关键帧需要使用 @keyframes 规则。样式块语句中可以使用 from...to 结构，也可以使用百分比来定义。 如下面这段代码，它在动画开…

前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我们要准确的测量出网页的性能数据；最后，使用有效的方法让网页变得丝滑。 本篇文章将针对这三个方面进行详细的介…

缓冲这块并不怎么好理解，网上查阅的资料，都讲的比较模糊，就比如：Private browser caches 和 Shared proxy caches。 不同的 HTTP Cache 解决的问题和使用的场景是不一样的。个人理解浏览器缓存主要是为了避免不必要的请求和大量的网络传…

微信公众号有一些文章，比如一些图文教程，摄影集等文章，想把内容存成一个长图到本地，便于查看或分享。

Webpack是如今前端离不开的话题和工具，相信不少同学都曾经感受过被webpack支配的恐惧，但是去深入理解它，可能是脱离苦海的第一步。 在webpack的体系里，loader和plugin无疑是最核心的组成部分，本文会结合webpack的运行机制，介绍loader和plug…