一、背景 本文是个人的学习心得 1.1 当前大多数前端开发的痛点 随着前端框架的成熟，开发者们越来越多地陷入了重复的 CRUD 工作中，忽略了程序员的本质：7 分构想，3 分代码。Elpis 的出现，

前言 File Blob ArrayBuffer TypeArray DataView Buffer FileReader URL.createObjectURL 如何预览图片？ 如何截取视频首帧

拆分网络引擎、请求缓存拦截、请求去重拦截之后的完整 Dio 封装 前段时间看见有网友在交流群中寻找 Dio 的封装，结果得到的回答就是格局小了， 完美的 Dio 需要封装吗？ 啊？ 这 ...

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

前言 在做公司做了很多大屏的项目之后，针对于屏幕适配，说实话有很多解决方案，例如媒体查询、scale缩放、Rem、vw等等，但每种方案都有其特定的使用场景，面对不同的项目，我们首先考虑的不是哪种方案最

Flutter开发有一段时间了，其间遇到的一个问题就是Flutter基础组件API的查询，官方文档上虽然有英文的解释，但是没有具体调用的示例。网上自己查询又东拼西凑的。 中文注释方面也是没有一家较完全的的。 所以我把这些都整理在这里，方便查阅。 实现基本设计视觉布局结构。支撑整…

Vite 无疑是当前最火热的项目之一，随着春节后 2.0 版本的发布，越来越多开发者开始关注起了这个项目。这个号称下一代前端构建工具的给我们最大的印象的就是快。日常被缓慢的项目启动时间和 HMR 折磨，有了 Vite 之后，真的不要太爽。虽然 Vite 和框架无关，但应用较多的…

$\quad$ 在项目所在路径，使用create-react-app . --template typescript创建项目，注意：项目名称中不能包括大写字符。 执行 yarn start命令，yarn就会帮我们打开浏览器窗口，看到我们自己的项目。如下图： 即可阻止弹窗。 内置…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…