摘要： 数据包括性能指标、监控数据以及通过埋点得到的业务数据，而数据分析是体验优化的最后一环。 通过数据来量化当前的工作，从而证明工作是否高效，优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系，包括 SLA、慢响应、前端错误、白屏和首 阅读全文

摘要： 前端很多时候是不会接触到后端的工作，不过我们公司由于历史原因，维护了大量的 Node.js 服务。 所以也积累了一些后端优化的经验，主要分两块 Node.js 和数据库。 一、Node.js Node.js 的监控没有从 0 开始，业务逻辑的日志直接记录在阿里云中，性能监控部署的是阿里云提供的系统。 阅读全文

摘要： 在 2020 年刚加入公司的时候，我就确定要持续推进基建的建设，经过这几年的沉淀，完成了从 0 到 1 的跨越。 基建的目的是解决各类技术或业务问题，沉淀通用技术能力，提升工作效率，降低开发成本，直接或间接助力业务开展。 接下来会围绕项目重构、组件化、标准化、工具化、自动化、文档化和页面规范化几个方 阅读全文

摘要： 前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 阅读全文

摘要： 一、Homebrew 采用 Homebrew 镜像源及工具，切换到国内。 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 选择镜像源，执行命令。 $ brew --versi 阅读全文

摘要： 一、日常问题 1）你为什么不连数据库 最近遇到个站内信的需求，在页面中有个发送账号的选择框，现在要新增两个官方账号。 于是我就根据需求，让产品提供相关信息，然后产品说服务端也维护着一套官方账号，为什么不连数据库或不调他们的接口，而是写死。 在一端维护数据源，理论上是比较理想的处理方式，但是目前会有几 阅读全文

摘要： 所有技巧来源于《重构：改善既有代码的设计（第2版）》 第一组重构 1）提炼函数 “将意图与实现分开”：如果你需要花时间浏览一段代码才能弄清它到底在干什么，那么就应该将其提炼到一个函数中，并根据它所做的事为其命名。 function printOwing(invoice) { printBanner( 阅读全文

摘要： 一、上线前的准备 1）图像 1. 页面中所有图像是否都已压缩 2. 是否有条件将图像修改成性能更优的 webp 等格式 3. 页面中的图像数量是否可减少，例如活动中的规则等文案用文字替换 4. 页面中的图像是否支持懒加载或预加载，避免降低页面加载时间 5. 是否需要让客户端缓存本地图像 2）首屏 1 阅读全文

摘要： ElasticSearch（简称 ES）是一款基于 Lucene 的分布式、可扩展、RESTful 风格的全文检索和数据分析引擎，擅长实时处理 PB 级别的数据。 一、基本概念 1）Lucene Lucene 是一款开源免费、成熟权威、高性能的全文检索库，是 ES 实现全文检索的核心基础，而检索的关 阅读全文

摘要： 有句话叫每一起严重事故的背后，必然有 29 次轻微事故和 300 起未遂先兆以及 1000 起事故隐患。 而我最近更是碰到了 3 起比较严重的线上事故，都是大意惹的祸。 一、数据库锁死 第一起事故发生在凌晨 4 点到 6 点，我们有个数据库被锁死了，无法更新和写入。 当天早上 5 点客服打电话给我， 阅读全文