解读 Vue CLI 4.0 beta 工具链

这篇文章主要会对 vue-cli 工具源码进行一些解读及学习,版本为 4.0.0-beta1 。

项目结构lerna

由于整个 vue-cli 中包含了多个项目,比如 cli 对应的 babel, eslint, pwa, ts 等插件,兼容 2.x 版本初始化项目的 cli-init, 启动本地服务的 cli-service 等等,管理多个包项目及发布这里就使用了 lerna。

L......

深入理解 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 文件夹,文件结构大概如下: