Posts
-
2021年回顾
我是一个比较传统的人，更习惯把农历新年当作新的一年开始。说是 2021 年回顾，其实更多的是牛年的回顾。一年，说长也不长，说短也不短，感觉非常的快，但是确实又发生了很多的事情。
-
浏览器跨tab通信的几种办法
跨tab通信需求常见于一些有大量内容需要浏览或操作（比如博客或者CMS系统），同时需要保持数据一致性的场景。这些场景大部分可以引入后端服务，通过轮询等方式保持多个tab间的数据一致。本文介绍的是在不引入后端服务的情况下，通过纯前端的方案，来进行跨tab通信
-
持续部署新法宝 - Github Actions
最近，我把我的博客部署从 Travis 迁移到了 Github Actions。在迁移过程中，我发现 Github Actions 是一个非常强大且有趣的工具。这篇文章就和大家简单分享一下这个工具。
-
层叠上下文和层叠顺序
在日常开发中，我们经常会遇到元素需要被遮盖的场景。在这种场景下绝大多数前端开发的第一反应是使用z-index来设定元素的层叠关系，但是在一些情况下z-index并不是会如果我们预期那样正常工作。究其背后的原因，就不得不引入我们今天要聊的层叠上下文（stacking context）。
-
重学前端学习笔记(1)--Js类型
winter老师的重学前端真的是一门很好的课程，看了第一课，收获颇多，填了很多Js类型的坑，总结如下。
-
RxJS入门指南
RxJS是ReactiveX在JavaScript上的一个派生。ReactiveX是一个应用的比较广泛的响应式编程框架，这个框架很好的应用了Observer Pattern（观察者模式），让异步编程变得简单且清晰。本文会带大家对RxJS有一个初步的入门。
-
图片懒加载从简单到复杂
图片懒加载是一个很重要的前端性能优化手段。这篇文章将从懒加载的最简单场景开始介绍，逐步增加复杂度，希望能讲清楚常见的图片懒加载场景及在该场景下对应的解决办法。
-
Deep In React（五）setState中的黑魔法
在React官方文档中有这么一句话React does not guarantee that the state changes are applied immediately。在我最开始使用React的时候，我只是简单的把这句话当做React这个框架的约束，但是随着使用的深入，setState这个函数也让我觉得越来越神秘。在这篇文章中，我将通过反思自己在使用react中遇到的关于setState的一些问题，深入react源码，分析setState这个函数。
-
Js中的防抖与节流
防抖(debounce)和节流(throttle)两词其实并非计算机领域的原生词语。追根溯源，防抖一词来自于弱电领域，指代的是消除外界对于开关扰动的技术。而节流来自于流体力学，指代的是限定流体流量的一种技术。由于JavaScript拥有事件驱动的特性，为避免事件频繁触发导致性能的损耗，防抖和节流这两种技术在JavaScript中亦被广泛应用。
-
git中的二分查找– git bisect
二分查找是一种大家都熟悉的算法。这种算法由于套路非常的清晰，在程序开发中被广泛使用。很常见的一个例子就是使用二分查找去进行程序的debug，逐步缩小代码区间最终确定问题。循着这个思路，在多人合作的场景下，如果某次你pull代码之后发现某些代码不能工作了，你也可以通过二分查找的方式找出出问题的commit。而git bisect就是git内置的二分查找命令。