前端监控方案探究

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

性能监控

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

-- ......

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 是单线程......

React Hooks

前言

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

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

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

Hooks 使用概览State Hook

下面这个示......

Cordova 源码解析笔记

Cordova 是一个支持使用 html, css, javascript 来进行跨平台开发的开源框架,前身是 PhoneGap, 但是其与 ReactNative 不同,Cordova 是通过各平台内 webview 来进行 UI 展示,而非解释成 native code 的方式。

由于最近在使用 Cordova 进行项目开发,所以抽时间阅读了下 iOS 端源码并把相关解读记录下来。

......

JavaScript 作用域,引擎工作流程及优化

最近一直在写 React,抽空对一些 Javascript 概念及引擎工作方式学习总结一下。

作用域静态作用域与动态作用域

静态作用域通常称为词法作用域,采用词法作用域的变量叫词法变量,有一个编译时静态确定的作用域。(定义在词法阶段的作用域)。词法变量的作用域可以是一个函数或一段代码,该变量在这段代码区域内可见(visibility);在这段区域以外该变量不可见(或无法访问)。词法作用域里,......