前端监控方案探究

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

性能监控

从客户输入网址(或者打开 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 是单线程......

2018 最后的白天

今年还算是蛮有意思的一年,生活以及技术上接触了很多新的东西。

所以,时间感觉不太够用。

新一年的期盼就用 JetBrains 的标语了:

React Hooks

前言

React Conf 2018 上 React 提出了关于 React Hooks 的提案,Hooks 作为 React v16.7.0-alpha 中加入的新特性引起了广泛的讨论,这篇文章主要描述了 Hooks 的基础使用,社区的一些讨论以及个人的一些思考。

基础使用部分来源于官方文档

讨论来源于社区以及官方仓库中的 RFC

Hooks 使用概览State Hook

下面这个示......