skip to content
OnionTalk

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内置的二分查找命令。