zxg_神说要有光

本文从实际需求出发，讲解如何通过多种 Github Action 部署 Github Pages，并总结出最佳实践...

如果说业务开发中最重要的能力，那定位代码的能力肯定是其中之一。 业务项目一般代码都很多，你拿到一个需求之后，可能改起来不难，但是要定位在哪里改比较难。 特别是接手别人写的代...

国际化是前端应用的常见需求，比如一个应用要同时支持中文和英文用户访问。 如果你在外企工作，那基本要天天做这件事情，比如我待过韩企和日企，我们的应用要支持韩文和英文，或者日文...

哈喽，大家好，我是 alien，本文和技术没有任何关系，只是想聊聊最近一年发生的事情。 其实我并不是一个喜欢总结过去的人，因为我觉得我的生活平淡无奇，但是近一年来，发生的事...

假设有一天，你需要整理一份中国所有大学信息的 ppt。 大学的信息是能搜到的，但是一份份整理到 ppt 里也太麻烦了。 能不能用代码自动生成 PPT呢？ 自然是可以的。 这...

我们在找工作的时候，都会用 boss 直聘、拉钩之类的 APP 投简历。 根据职位描述筛选出适合自己的来投。 此外，职位描述也是我们简历优化的方向，甚至是平时学习的方向。 ...

今天我们来实现一个查询城市天气预报的服务。 使用的是和风天气的免费 api。 免费的接口一天可以请求 1000 次，自己的项目足够用了： 最多可以查询未来 7 天的天气预报...

前端开发经常会涉及表单的处理，或者其他一些用于输入的组件，比如日历组件。 涉及到输入，就绕不开受控模式和非受控模式的概念。 什么是受控，什么是非受控呢？ 想一下，改变表单值...

大家应该都用过在线写代码的工具，比如 vue 的 playground： 左边写代码，右边实时预览。 右边还可以看到编译后的代码： 这是一个纯前端项目。 那它是怎么实现的呢...

文件上传、文件下载都是常见的需求。 大文件上传我们会通过分片上传来优化。 比如阿里云 OSS 的大文件分片上传： 那大文件下载如何优化呢？ 答案也是分片下载，或者叫流式传输...

有的需求需要在网页上写代码。 比如在线执行代码的 playground： 或者在线面试： 如果让你实现网页版 TypeScript 编辑器，你会如何做呢？ 有的同学说，直接...

我们经常用 restful 的接口来开发业务。 比如 GET 请求 /students 查询所有学生，/students/1 查询 id 为 1 的学生 发送 POST、P...

我们经常通过自定义 hook 的方式抽离组件的逻辑，而这种自定义 hook 里很多都是给元素绑定事件的。 绑定事件的写法一共有三种，我们一起来过一遍。 首先是 useHov...

网页开发中，我们经常要计算各种距离。 比如 OnBoarding 组件，我们要拿到每一步的高亮元素的位置、宽高： 比如 Popover 组件，需要拿到每个元素的位置，然后确...

最近遇到一些组件，它们只是对 api 的一层简易封装，用起来也和直接用 api 差不多。 但是这种组件的下载量还是挺多的。 今天我们一起来写三个这样的组件，大家来感受下和直...

Jotai 是一个 react 的状态管理库，主打原子化。 提到原子化，你可能会想到原子化 CSS 框架 tailwind。 比如这样的 css： 用 tailwind 这...