mxGraph 框架本身是一个比较老旧的框架，陈旧的开发模式对开发者造成了较大的使用成本上的困扰。基于这个痛点，我们对 mxGraph 进行二次开发，开发出可以直接低成本使用的 mxgraph-editor 组件。我们在资源引入方式、自定义图形（svg、图片、卡片）、自定义侧边栏、自定义工具栏等方面进行大幅优化，并提供出常用的一系列事件回调，比如点击、双击、删除、回退、复制、重命名等事件，使得我们可以低成本的在当前各种主流前端框架中使用 mxGraph。

性能优化、减少页面加载时间、提升用户体验，是前端领域的一个永恒话题。在前后端分离、异步渲染在页面中被普遍应用的背景下，大量页面在用户访问时不可避免的会出现一段短时间白屏。目前的解决方案一般为以下几种

keynote 中高亮展示代码

ES6 中 let 和 const 命令的学习笔记

前端面试题梳理，知识体系查漏补缺。

衡量性能非常重要，衡量终端用户的感知性能更为重要。用户感知性能则主要受这两个指标影响。

简单明了的告诉你闭包是什么？有什么用？有那些坑？

前端数据监控一般分为性能数据监控和线上异常监控。本文对这两块数据的监控原理和方法进行整理说明。

2017年12月28日，微信放出了 6.6.1 版本，在微信首页二楼（下拉出现）位置重磅推出了“跳一跳”小程序，瞬间刷爆朋友圈。在大家忙于游戏的时候，有人独辟蹊径基于 python + WebDriverAgent 实现了通过 PC 远程操控手机“跳一跳”小程序小人自动跳动，将分数刷到了令人发指的地步，悄悄占领朋友圈第一。

Resource Hints 是非常好的一种性能优化方法，可以大大降低页面加载时间，给用户更加流畅的用户体验。现代浏览器使用大量预测优化技术来预测用户行为和意图，这些技术有预连接、资源与获取、资源预渲染等。