FruitBro

React hooks已经使用了近一年的时间,useLayoutEffect就像是个大神一样，静静的在那儿看着，始终找不到用武之地... Layout是布局、设计、陈列的意思。难道是和操作DOM相关？ useLayoutEffect的函数签名与useEffect相同，但是它会在…

几年前，函数式编程的声音在耳边时不时的响起，奈何那个时候感觉这个东西看着就很吃力，想要在项目里应用不太可能。奈何去年团队引入了RxJS，一口老血吐在地上，感觉自

base64是一种用64个可打印字符编码任意二进制的方法。所谓Base64，就是说选出64个字符----小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"（再加上作为垫字的"="，实际上是65个字符）----作为一个基本字符集。然后，其他所有符号都转换成这个字符集中…

JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果，如 0.1+0.2=0.30000000000000004、1-0.9=0.09999999999999998，很多人知道这是浮点数误差问题，但具体就说不清楚了。本…

跨域脚本攻击 XSS(Cross Site Scripting) 是最常见、危害最大的网页安全漏洞。 xss.payload.js可以获取老浏览用户的信息，如的登录token、用户的个人资料等。以前的防御手段主要是对用户输入进行过滤如：去除html标签，实体化，关键字过滤等等，…

网页开发时，常常需要了解某个元素是否进入了"视口"（viewport），即用户能不能看到它。 上图的绿色方块不断滚动，顶部会提示它的可见性。 传统的实现方法是，监听到scroll事件后，调用目标元素（绿色方块）的getBoundingClientRect()方法，得到它对应于视…

看着一封又一封错误监控邮件发到自己的邮箱，揉了揉自己布满血丝的双眼，想着许久没有吃过深海鳕鱼片，心里默默的叹了一口气，这一切要从接入错误监控的那天说起... 写代码总有发生错误的时候，错误边界（Error Boundaries）是一种React组件，这种组件可以捕获并打印发生在…

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使得开发者能够在主事件循环上执行后台和低优先级工作，而不会影响延迟关键事件，如动画和输入相应。函数一般会按先进先调用的顺序执行。然而，如果回调函数指定了执行超时时间timeout…

今天中午在领完盒饭，吃饭的时候，正吃着深海鳕鱼片，蘸上番茄酱，那美味，简直无以言表。突然产品急匆匆的跑过来说：“今天需求能上线吧？”我忽然虎躯一震，想到自己遇到个问题迟迟找不到原因，怯怯的回答道：“能...能吧...”，产品听到‘能’这个字便哼着小曲扬长而去,留下我独自一人，面…