深入理解 Flutter 中的 Widget, Element, RenderObject

这篇文章基于 Flutter stable v1.7 总结下 Flutter 当前的 UI 系统以及相关的概念, 在最后会通过自己组合一个 Gradient Button 按钮的方式来熟悉 Flutter 的一些 UI 实现。

Flutter 框架整体分层:

Dart 类型系统

Google Flutter 18 年底发布,现在稳定版更新到了 1.5, 已经有了比较完善的开发工具, 三方库以及不错的声明式 UI 开发体验。Google 从 React 上借鉴了很多,同时又使用了强类型的语言 Dart。这篇文章主要会描述 Dart 的类型系统,尤其关注 Dart2 添加的类型安全特性,翻译自官方文档 -- The Dart type system 。

Dart 语言......

前端监控方案探究

最近有在总结一些前端监控的方案,这篇文章用来做一个汇总,篇幅会以方案描述和方法论为主,也会有部分代码。

性能监控

从客户输入网址(或者打开 webview 页面)到渲染完成,加载的时间是一个决定客户体验的关键指标,移动端 webview 可以使用一些预加载,离线化的方式来节约一些网络请求和渲染的时间(细节不属于这篇文章的范围)。但如果是在线加载的话,则一些指标则变得尤为重要:

-- ......

从 Accessibility 说到自动化测试

Accessibility

iOS 以及其他苹果设备都内置了 Accessibility 的相关功能。借助这些功能,API,以及开发者工具,iOS 为每位用户(包括有特殊需求的用户)提供了卓越的体验。其中有一项比较特殊的功能 VoiceOver ( Settings-General-Accessibility-VoiceOver ), 用于盲人和弱视用户的屏幕阅读器。

Accessibi......

Koa 源码解析

最近有用到 Express 以及 Koa 做一些 Mock Server 以及开发平台的搭建工作,这篇文章会把 Koa 常用方法的流程源码梳理一下,用到的 Koa 版本是 2.7.0 。

文件结构

在项目依赖了 Koa 后,可以从 node_modules 中找到 koa 文件夹,文件结构大概如下:

关于 Node 中的 Event Loop

Event Loop 顾名思义是一个事件派发环,类似于 iOS/Mac 中的 Runloop。

最近有空仔细的学习了下相关的知识,这篇文章讲的 Event Loop 主要针对 Node 环境, 最后也概述了浏览器环境下的 Event Loop 。

什么是 Event Loop

Event Loop 允许 Node.js 执行非阻塞 I / O 操作 - 尽管 JavaScript 是单线程......