在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图…

最近对公司的一个 PC 站点做了一次整体的性能优化，由于这个系统业务复杂、依赖非常多，加载速度非常慢，优化后各个性能指标都有了显著提升，大约加载速度快了 5 倍左右。 我在 构建、网络、资源加载、运行时、服务端、功能组织等多个方面都进行了优化，准备做一个系列，分章节给大家分享下…

性能优化 ，每个工程师跑不掉的一个话题。这里是本人总结的一些优化手法，希望对大家有所帮助，后续也会继续更新。 演示源码和 PPT 无条件分享。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。 来自 Google 的数据表明，一个有 10…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

本人原本是一个React开发者，由于最近项目需要维护，技术栈需要会使用Vue，我在之前也从来没有看过Vue的文档，就花了一个周末的时间简单学习了一下Vue的知识点。这里分享一点Vue的快速入门笔记，本文也同样适用于目前只会Vue，但想快速学习React的同学。 每个 Vue 应…

Promise 其实就是一个构造函数。 它只有一个参数，按照 Promise/A+ 规范的命名，我们把 Promise 构造函数的参数叫做 executor，它是函数类型的参数。 这个函数又“自动”具有 resolve、reject 两个方法作为参数。 Promise 构造函数…

TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。 typescript不仅可以约束我们的编码习惯，还能起到注释的作用，当我们看到一函数…

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错…