anOnion

Testing-library 是 React 官方推荐的单元测试库，对标的是 Airbnb 的 Enzyme。我试着用现在流行的一套话术体系（发现问题、分析问题、解决问题）来解释一下 Testing-library 的特点： OK，一句话解释就是 Testing-librar…

有过 web 开发经历的小伙伴大概对配置文件是深恶痛绝的——实在是太多了，最常见的就有 babel、eslint、tsconfig、webpack，package.json 等等；而且各种配置使用不同的文件扩展，使用时还要安装各种插件，繁琐且无聊。几年前，主流框架开始尝试提供无…

Web 开发中我们常常用到 cookie，session，redux 等技术存储状态和信息；但是这些技术总体来说容量都比较小。不知道大家有没有想过在客户端存储几个 G 大小的数据呢？虽然这么干听着有点缺德，但是 Web 标准里还真有这么一项技术——IndexedDB，浏览器端的…

响应式布局（Responsive Design）是大约十年前提出的一个概念，意在以一套代码适配不同终端设备——而不是为每个终端做一个特定的版本；它的目的是解决移动互联网时代不同设备分辨率繁多，而多版本 CSS 代码生产成本过高的难题。传统意义上，我们实现响应式布局，有如下两种方…

我记得我刚入行的时候，Web 开发有个叫 MEAN（MongoDB, Express.js, AngularJS, and Node.js）的 JS 全栈，当时还是挺新奇的。时隔多年，MEAN 也没人再提起，不过 JS 全栈开发的理念还是被更多人接受了。今年，又有一个新的大前端…

前端开发应该都知道 HTML 中 <script> 标签的作用——引入 JS 代码，不过由于脚手架和打包工具的普及，我想很少有人再亲手写 <script> 了。本期就借机写一下这个快被遗忘了的 <script> 教程，看看大家是否真的掌握了这个元素…

Kanban，源自日语“看板”（冷知识：Kanban 和汉语拼音一致），是由日本丰田公司的工程师大野大一于 1940 年发明的一套及时管理模式（Just In Time， JIT）。JIT 的核心理念是： 在敏捷软件开发流行后，工程管理人员也将 Kanban 引入到了软件开发当…

我记得本科时写论文，当时不会版本管理工具，每天都是按时间后缀备份个新文件夹；某同学提醒我用 Git，我还不屑一顾——无知又自负。最近，我和一些非软件相关行业的朋友聊天，他们竟然也是用 Git 做版本控制的，还用得很溜。想来，高效的生产工具在任何行业都是共通的。今天就借机聊聊我们…

前段时间我尝试把几个小项目合并起来，但是效果很不理想。最近看了一篇文章讲 monorepo，终于意识到了自己的问题所在。本文借机讲讲 monorepo 的简单实践，分享一下基于大前端代码管理的一些常规操作。 Mono- 词根的意思是单体，所以 monorepo 指的就是单体仓库…