shujer

目前来说，每个前端团队都有自己对 React Hooks 的使用偏好，在基于 hooks 的数据流管理或许没有所谓的最佳实践，但是开发过程中还是有一些准则可以参考。当你不熟悉一个新东西的时候，你就该去看它的文档。 React Hooks 是完全不同以往的心智模型，从使用开始我们…

在开发中使用 TypeScript 已经一年多了，逃不开“真香定律”哈，日常重度依赖 TypeScript。在组件开发、前后端对接或者定位问题的过程中，类型检查发挥了极大的作用，可以说提高生产力了。这里就总结一些个人的常用方法吧，也算备忘录了。 TypeScript 有什么高级…

Pipeline 思想在现实生活中很常见，想象一个污水处理过程，来自上游的污水经过“沉淀”、“生物降解”、“加氯”等一系列管道，最终在下游我们得到过滤后的水。 而在计算机领域中，“管道” 也是现代软件工程中一个非常有用的架构模型，最早见于 unix 架构中[1]。在 unix …

前阵子接到一个开发任务，是复制网页上的图片，并粘贴到的聊天工具中。这是一个很常见的操作，在日常工作中我们经常通过 QQ 截图、 Ctrl + C 将图片复制到聊天框。 github 上几个高 star 的 js 复制库，比如 clipboard.js、copy-to-clipb…

React 17.0.0 已经正式发布，无新特性，主要是对一些底层的改进。在 changelog 中 "Use browser focusin and focusout for onFocus and onBlur. (@trueadm in #19186)" 这个改动引起了我…

接着前文看《CSS权威指南》，本文整理一些CSS动画的知识点，同时给出一些例子。 在CSS动画中我们经常需要通过变形来达到一些奇妙的效果。使用 transform 首先要明确变形是基于笛卡尔坐标系，也就是通常所说的 x/y/z See the Pen FlipCard on C…

本文主要是通过梳理一下相关概念，理清这两种配置的目的。 HTTPS，也称作HTTP over TLS，TLS的前身是SSL。HTTPS 相比 HTTP 提供了数据完整性、 数据隐私性和身份认证的功能。 代理服务器（mitmproxy）：代理服务器 在HTTP和HTTPS通信中担…

之前刚好看到Web Audio API方面的内容，因此用了相关api做了个音频可视化的页面。实现： Web Audio API中一个关键的对象就是音频上下文(AudioContext)，可以类比canvas context，在AudioContext我们进行相关的操作。音频处理…

最近在翻《CSS权威指南》，一些零散的知识点平时不太注意，这里记录一下。 display指定了元素的显示类型，它包含两类基础特征，用于指定元素怎样生成盒模型——外部显示类型定义了元素怎样参与流式布局的处理，内部显示类型定义了元素内子元素的布局方式。 rel（关系）中可以指定候选…