龘Charles

由于目前公司采用了ProtoBuf做前后端数据交互，进公司以来一直用的是公司大神写好的基础库，完全不了解底层是如何解析的，一旦报错只能求人，作为一只还算有钻研精神的猿，应该去了解一下底层的实现，在这里记录一下学习过程。 个人感受： 前后端数据传输用json还是protobuf其…

防抖和节流是两个相似的技术，都是为了减少一个函数无用的触发次数，以便提高性能或者说避免资源浪费。我们都知道js在操作DOM的时候，代价非常昂贵，相对于非DOM操作需要更多的内存和和CPU时间，假如我们一个函数是在滚动滚动条或者更改更改窗口大小的时候频繁触发，还是会出现页面卡顿，…

FC 的全称是：Formatting Contexts，是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

这周公司安排了一个需求，设计一个响应式布局。由于之前一直在做后台管理系统居多，对这响应式布局几乎是个小白。于是 Google 而之，意外的发现了 iframe 的响应式布局，特来分享。翻译水平有限，还请批评指正。 响应式 iframe 是很简单的。使用如下所示的响应式 ifra…

文中的 ES5 规范是参考 颜海镜大大 的译本，也在这里表示感谢。 那为什么还有这篇文章呢？因为很多的同学在冴羽大大的博客下评论没有看懂，我也是其中的一员，于是我决定要弄明白为什么，现在也把我的一些整理分享出来，希望对大家也有帮助。 再啰嗦一句，对于知道了各种情况下 this …

说实话，第一反应我以为值为 'Tom'，等到我把代码丢到控制台一输出，才明白我错了。天呐，new运算符给无视掉了吗？？？ 很显然，输出的结果是 'Tom', 但是有 new 存在呢？接下去，我们来捋一捋。 emmmm，相当晦涩难懂。 我们接着看 MDN 文档的解释，毕竟光光看这…

而在实际开发中，我们可能会有这样的需求：指定图片大小来压缩图片。王二在github找了一圈，没发现有实现此方法的js库,于是王二在原来库的基础上又做了一些修改，实现了这个功能。 可以参考 github 了解更加详细的使用方法。 实现 compressAccurately 方法的…