人人网FED

查了一下，这是一个发宽空格，Unicode编码为U+200A。故借此把常见的普通和特殊空格整理一翻。 这是最常用的空格，拉丁文的空格，ASCII编码0x20。在英文输入法（和中文输入法半角状态）下，由键盘空格键直接输出。这个空格的宽度会受到所使用的字体的影响： 例如在上图所示的…

第一行对非IE浏览器生效，第二行是对IE浏览器生效（emmm...似乎浏览器就分为两种），本质上都是使用filter的grayscale属性，实现灰阶效果，灰阶是一种常用的图片滤镜。打开PS可以看到多种滤镜可选择： 而通过CSS的filter能够实现其中的一些滤镜效果，如灰阶，…

猜测是这个插件引起的，注释掉之后果然好了。 把测试环境的数据mock到本地复现，经过一番debug，发现原因是这样的。 这个时候又触发了errorHandler，errorHandler里面又访问了toJSON，这样循环触发，就卡死了。 当然sentry的设计也有缺陷，应该避免…

1. 0.1 + 0.2不等于0.3 原因很简单，因为0.1存储的值比实际值大了一点，0.2也是大了一点（差值比0.1大一倍），两个相加就大很多了，多出来的就是那个尾巴。为什么0.1不能够被准确存储呢？因为计算机都是二进制的，在十进制能表示的数不一定能被二进制精确表示，就好像在…

最近在一台安卓手机的webview里面遇到一个神奇的问题，setTimeout不会触发了。起因是笔者用了一个动画库，这个动画库调了它的初始化方法后没有生成DOM元素，经过一番排查，最后发现是有一个地方的setTimeout回调没有执行，如下图所示： 这是为啥呢？经检验setTi…

本篇将讨论HTTPS的加解密原理，很多人都知道RSA，以为HTTPS = RSA，使用RSA加解密数据，实际上这是不对的。HTTPS是使用RSA进行身份验证和交换密钥，然后再使用交换的密钥进行加解密数据。身份验证是使用RSA的非对称加密，而数据传输是双方使用相同的密钥进行的对称…

技术上没太大难度，有难度的地方是怎么让整个动画比较流畅。一个主要问题是动画的滞后性：当下载进度到某个点的时候，你再用250ms的动画过渡过去，这个时候已经慢了，所以很多人可能因为这个原因或者嫌麻烦，直接就不做动画了，在进度事件触发的时候直接更新进度条相应的位置，不过我们可以尝试…

TypeScript是啥，有人说TypeScript = Type + Script，实际我觉得更准确的应该是TS = Java(JS)或者 TS = C#(JS)，使用Java/C#的语法写JS，并且为了能让JSer能更容易接受，它的语法又不能直接把Java/C#的那套搬过来…

这个会不会是因为html嵌套太深导致Layout等计算复杂，所以CPU上升了呢，笔者尝试把DOM结构简单化，以及加上contain: strict等Layout隔离的方法，也是没有效果。所以只能是JS执行问题了，通过Chrome devtools的Performance可以研究…