终端人眼中的前端

本文写作于兔年之前，心境上却是有诸多感叹，大名鼎鼎的网络库 AFNetworking 停止维护了，iOS 开发早已是昨日黄花，移动端也从夕阳走向落幕了 ～ 认清现实，摆正心态，拥抱变化，跨端开发确实比

本文使用 alloyfinger 实现画布同时缩放和平移，且实现在拖拽后归位的动画效果，提高用户体验。

本文实现 Vue3 + Flutter element embedding 调用示例。结合 Vue 组件和 Flutter 组件，实现一个混合的页面布局的生产用瀑布流，且验证了它的性能。

Flutter element embedding （Flutter 视图插入到 HTML 中）已经官方转正了，但市面上并没有多少人去关注它，笔者从它的应用场景分析上来阐述它潜在的价值。

使用「vue-virtual-scroller」实现在 App 横向滚动分页效果，解决在 App 上出现惯性滚动等造成抖动的问题。

本文纯属吐槽 Vue 的生态，遇到提醒 TS/JS 崩溃，语法没提示的同学，需要降低到 Vue - Official 1.8.x 版本

有文章介绍了「vue-virtual-scroller」的源码，但代码核心讲的不够，市面上也没找到虚拟列表大量滚动时闪白屏的解决方案。所以本文细致的讲一下问题是为什么会出现，如何修复。

关于圈复杂度，有文章讲了原理、有文章讲了插件、有文章讲了如何用它优化代码，纵观下来是能 get 到了圈复杂度的好处，但没有讲出足够的动机，本文从使用动机的角度阐述圈复杂度的重要性。

本文是一个新的系列，讲讲我眼中的大前端解决方案是什么？ 有同学肯定会疑惑，毕竟大前端的理解不同的前端岗位有不同理解。本文描述一个统一的方式可以解决跨端、跨容器、跨标签页场景的事件通信方案

前一阵子笔者在忙于桌面端 Electron 相关的开发，工欲善其事，必先利其器。 对于基于浏览器的桌面端框架来说，如何构建统一稳定快捷的跨端通信机制？

写的时候一直想，这篇文章能给看过的你带来什么价值？内存管理，翻来覆去的也要从堆栈开始讲，但懂得都懂，不懂的再讲原理也不差我这一篇。所以本文简单聊聊内存、生命周期。

解释一个因 chromium 内核升级后，把这类问题的优先级提高了，从 Error 提高到 FATAL，导致被 Electron 崩溃采集捕获到的崩溃问题

Electron 崩溃问题分析（LogMessage::~LogMessage() [logging.cc : 852 + 0x0]）

刚好项目中踩过一些坑，这些坑吧，修复方式都不是很优雅，原因是官方提供的 API 存在奇奇怪怪的 Bug。这里介绍笔者遇到的3个异常的解决方式。

Electron 几个开发调试小技巧：多 BrowserView 视图调试、主进程调试、进程内存分析。

在上文中，简单实现了一个使用BrowserView实现多标签的方案。 多标签页只是 UI 上的表象，内在逻辑是`BrowserView`多容器管理，所以本文重点会从容器管理这边讲解下整个的实现逻辑。

我们在之前建设了桌面端崩溃上报的能力，只是为了看一下线上的崩溃率。但后续还需要如何归因问题、分析问题、解决问题？我们需要从零开始构建桌面端崩溃分析监控链路，，提供基本的崩溃归因分析能力。

但凡是个商业化应用，都需要有完善的崩溃分析机制来保证整体的可用性。 一般 App 上都是采用接入第三方平台来简化基建开发工作，但对于桌面端 Electron 来说，这可能只有自行实现了。

Electron 官方虽然有提供网络在线/离线探测方案，但这个方案是基于浏览器本身的。笔者在这抛砖引玉，提供一种可以准确实施监测网络环境的方案，供大家参考。

在桌面端这个系列上文讲到：Electron BrowserView 实现多标签页效果，只是做了简单的 Demo 可行性验证，距离产品要求和技术沉淀还差了一些