前端工程化实战

分享文字线性渐变、线性渐变文字描边、线性渐变文字叠加线性描边、线性渐变文字叠加阴影等四种CSS实现方案。

详细阐述CSS文字线性渐变最常用的两种方法的具体原理和填坑技巧。详细描述background-clip和-webkit-mask的原理。

作者使用 Lighthouse + WordPress 应用镜像搭建了个人博客，对其进行性能优化和安全性优化，致力于打造一款质感高级、体验感极佳的前端技术分享博客，将建站过程输出成文章分享给大家。

作者从事工作一年半，靠着git三板斧提交了近百万行代码，常常以十分“粗暴”的方式解决各种git操作问题。 过年期间，通读了《Pro Git Book》，才了解git的使用方式竟可以如此“优雅”，总结了

1. 背景 众所周知，小程序主包的大小限制在 2M 以内，对于日益庞大的工程项目，开发者们无所不用其极地进行优化。原生小程序基本采用gulp进行构建，能否在gulp构建流程中做文章，达到“优化”的目的。 首先明确gulp构建优化的目的是压缩小程序包体积，提升用户开发体验。作者在…

1. 为什么写这篇文章 近期，电商直播业务热火朝天。许多团队都纷纷转战直播领域，试图抢占市场。 鄙人有幸参与直享直播小程序的业务开发工作，在项目迭代过程中，遇见过许多“百思不得其解”的问题。 比如直播页面最常见的布局是底层为视频画面，顶层为滚动弹幕、点赞、购物袋、抽奖活动、PK…

一千个观众眼中有一千个哈姆雷特。静默登录流程几乎是所有小程序开发都会遇到的业务场景，每个人的实现方法都大同小异。但查阅资料，作者发现很少有人愿意花笔墨去讲清楚这个故事。于是，作者拿起了笔…

1. 为什么写这篇文章？ 2020 年 3 月，懵懂的蔡小真怀揣着对技术的向往无比乐观地进入部门实习，入职当天就收到了来自导师的两份礼物，一是代码仓库链接，二是代码开发规范。机智如斯的蔡小真按照规范里的教程，安装好了ESLint、Prettier等插件，带上安全帽，拉起小推车，…

本篇文章，以模拟获取热门文章为例，阐述 React 异步获取数据的进化历程(useEffect -> useReducer -> custom hook -> Suspense)