Refly

这次的分享结合我在项目中使用 full hooks-based React Components 的一些经验，给大家介绍一些我所认为的 React Hooks 最佳实践。 首先还是简单回顾一下 React Hooks。 先看传统的 React Class-based Compo…

通过一些平常可能关注不多的点，进行一堆试探，最后回到我们非常耳熟的优化方式中。 1. 图片相关概念 🌰：对于页面进行缩放，我们并没有改变页面内元素的宽高px情况，但是缩放之后页面元素会放大，这是通过是什么实现的。 像素：它是图像显示的基本单元，既不是一个确定的物理量，也不是一…

在过去，世界各地都各自订定当地时间，例如我国古代将一昼夜分为十二时辰，每一时辰相当于现代的两个小时。但随着交通和通信的发达，各地交流日益频繁，不同的地方时间给人们造成了许多困扰。于是在1884年的国际经度会议上制定了全球性的标准时，确定以英国伦敦格林威治区这个地方为零度经线的起…

类似点击商品飞入购物车🛒内的移动动画的需求大家应该也都遇到过或自己开发过。但是和 Absolute 相比， Transform 的实现有什么区别呢？ 案例显示 Absolute 实现的元素在移动中一直处于重绘之中，而使用 Transform 的元素却没有重绘。看来 trans…

近几年随着 React、Vue 等前端框架不断兴起，Virtual DOM 概念也越来越火，被用到越来越多的框架、库中。Virtual DOM 是基于真实 DOM 的一层抽象，用简单的 JS 对象描述真实 DOM。本文要介绍的 Snabbdom 就是 Virtual DOM 的…

而 302 表示临时重定向，这个资源只是暂时不能被访问了，但是之后过一段时间还是可以继续访问，一般是访问某个网站的资源需要权限时，会需要用户去登录，跳转到登录页面之后登录之后，还可以继续访问。 301 类似，都会跳转到一个新的网站，但是 301 代表访问的地址的资源被永久移除了…

浏览器渲染这是一个广而深的题目，其中的每一个点如果深入，都可以讲一整天。本文主要从广度的层面，梳理了浏览器的整体渲染流程，有不对的地方，烦请指正！ ps：本文整体思路主要参考极客时间专栏-浏览器工作原理与实践（推荐，讲的不错），文中部分图片画起来比较复杂，也直接采用了文中的图片…

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

在 JapUtil 类中为 redirect 方法打上 @Deprecated 标记，未来可能删除。同时增加 createToken 方法 JAP 是一款开源的登录中间件，基于模块化设计，并且与业务高度解耦，使用起来非常灵活，开发者可以毫不费力地将 JAP 集成到任何 web …