Hanx

公司组织了体检，在医院发现可以使用身份证快捷打印体检单，觉得很方便，但仔细一看，打印效果极差。 注：如直接调用Ctrl + P，则是打印当前的视口，可以选择打印机及打印机纸张，这显然不满足业务要求；若调用window.print()，则只能将css写在html上一起传到打印机，…

React 影响着我们工作的方方面面，我们每天都在使用它，只窥其表却难以窥其里。正所谓看不如写，本篇文章的目的就是从原理层面探究 React 是如何工作的。 在写文章之前，为了方便理解，我准备了一个懒人调试仓库 simple_react ，这个仓库将 benchmark 用例（…

本文作者：刘博文（Berwin），花名“玖五”，畅销书《深入浅出Vue.js》作者、知名技术博主、讲师、阿里巴巴淘系技术部前端技术专家，现负责淘系618、双11等超大型营销活动主会场的终端渲染架构。 回想起年初刚来杭州那会，是疫情正严重的时候，那时候刚来杭州要住半个月的酒店，然…

在 web 页面中，如果需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是： 链接和图片默认是可拖动的，可以通过将 draggable 设置为false…

在 IT 产业的上古时代，流传着许多独行侠程序员们徒手写出操作系统、编程语言、浏览器等高难度软件的传说。随着行业的成熟，这些故事大多已经尘埃落定。但今天，我们有幸见证了一个正在进行中的年轻故事。这个故事的主人公，让世界上数以百万的人，用上了昂贵 Photoshop 软件的免费替…

对于从JavaScript转来的TypeScript的初学者来说，一开始无脑用一个新的interface规定一切的方式确实很过瘾。但是，当不得不尝试提高函数或组件的通用性时，使用泛型成了必须的选择。当尝试阅读一些用TypeScript开发的库的源码时，可能会被各种尖括号包裹的复…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…

Axios 是一个基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端，被广泛地应用在大量的 Web 项目中。 由上图可知，Axios 项目的 Star 数为 77.9K，Fork 数也高达 7.3K，是一个很优秀…

好久没写文章了，最近一直在想着写些实用性的逻辑文章。刚好在做公司的周年庆活动时，一个需求是 在一个地图区域内随机显示头像替换 React 或者 Vue，这个随便，主要讲述思路，用什么都没所谓，这里作者使用的是 React 。 假设我获取了 100 个用户头像，将其分为 100 …