2019 年最后一发，谈谈这半年 Electron 应用开发和优化心得。干货也挺多，希望能给你带来一点启发。 下半年可以拿出来说一说的项目，估计就是我们用 Electron 重构了一个桌面端应用。这个应用类似于钉钉或者企业微信，主要功能有即时通信、语音/视频、会议，基本功能和交…

都听说过 lodash，但是，你会在项目中使用它吗？你知道如何使用它吗？你知道它有哪些函数吗？快快来学吧。

近期在某平台开发迭代的过程中遇到了超长List嵌套在antd Modal里加载慢，卡顿的情况。于是心血来潮决定从零自己实现一个虚拟滚动列表来优化一下整体的体验。 首先我们需要定义几个变量/名称。 vListContainer 为可视区域的容器，具有 overflow-y: au…

提高页面渲染效率，可以通过以下几个方式来实现：DOM层级不要变；相同内容节点类型不要变；循环元素添加 key 值；保持结构的稳定性，避免兄弟节点错位而严重影响性能。

确定了要实现的功能后，再想一下大致的实现方式，这里有几个问题，解决完所有的问题，文本检索工具就完成了。 其它可能遇到的问题。 基于上面描述的检索工具的运行流程和将要实现的功能，在工具初始化时，可以配置用户初始输入input/是否模糊查询useRegexp/检索入口scope；初…

最近在封装一个自定义滚动条容器，打算以后用它来取代常用的div标签，因为在Window上的浏览器的确比较丑，为了跟mac里的滚动条尽量保持一致，自己动手封一个。 在动手时发现现有网络资源的一些不足之处，在这里加以补充和描述，希望后来之人在查阅资料时能看到这篇文章就能满足所需。 …

本文介绍了生成缩略图的方式，包含客户端生成，和服务端生成，并简要分析了阿里云、腾讯云和 vercel 生成浏览器截图的方式。

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

最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。 这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。 何为 content-visibility？ co