octshen

直播有一个很重要的互动：点赞。 点赞动画图片都是先放大再匀速运动。 快到顶部的时候，是渐渐消失。 收到大量的点赞请求的时候，点赞动画不扎堆，井然有序持续出现。 用 CSS3 实现动画，显然，我们想到的是用 animation 。 首先看下 animation 合并写法，具体含义…

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

这篇文章会在 CentOS 环境下安装和使用 Nginx，如果对 CentOS 基本操作还不太清楚的，可以先看看 <半小时搞会 CentOS 入门必备基础知识> 一文先做了解。 相信作为开发者，大家都知道 Nginx 的重要，废话不多说，一起来学习吧。 1. Nginx 介绍 …

这篇文章是收集我在工作中经常会用到的nginx相关知识点，本文并不是基础知识的讲解更多的是一些方案中的简单实现

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

后来在周围同事的推荐下，我转去用了whistle，目前是whistle + SwitchyOmega配合一起使用。 跨平台：whistle是基于node实现的代理服务器，可以在所有操作系统上使用。 上面的这些功能，也基本能满足日常开发需求的配置，当然，还有另外的方式能更好地实现…

slate.js 提供了 Web 富文本编辑器的底层能力，并不是开箱即用的，需要自己二次开发许多内容。 也正是这个特点，使得它的扩展性特别好，许多想要定制开发编辑器的，都会选择基于 slate.js 进行二次开发。 slate.js 能满足全世界用户进行定制开发、扩展功能，说明…

为什么说奇怪呢？是因为这个工程之前是可以运行的，我重新装了一遍依赖之后就不能跑了，真是喜闻乐见了😢。 根据错误提示，这应该是 React Hooks 报的错，通过排除法，确认是我之前封装的一个组件有问题，这个组件是通过npm包安装使用的。只要在项目中去除这个组件，报错就消失了…

万字长文又来了！单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。