开源 | pems : Javascript 全栈电力设施管理系统

在 GitHub 上开源了一个电力设施管理系统(经过授权), 主要使用了 Javascript 做前后端的开发: React + Ant Design + Koa2.

项目地址

GitHub: https://github.com/Rannie/pems

Demo 链接: https://pems.rannstudio.com

系统截图

解读 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......

前端监控方案探究

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

性能监控

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

下面这个示......