JS 中最基础的异步调用方式是callback，它将回调函数callback传给异步API，由浏览器或 Node 在异步完成后，通知JS引擎调用callback。对于简单的异步操作，用 callback 实现，是够用的。但随着负责交互页面和 Node 出现，callback方案…

在目前的前端领域，单页web应用（SPA）已经有了比较高的占有率，比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。 单页应用确实带来了更好的前后端分离，以及用户体验好、快，内容的改变不需要重新加载整个页面等等的优点，喜忧参半，SPA应用首屏加载慢、…

就是页面加载前的loading改为一个图片形式的骨架屏。 vue-skeleton-webpack-plugin。 由于官方没有基于vue-cli3多骨架 多路由的demo,在这里写一个 。 这里注意下seleton的id,等在vue.config.js中要用到。 vue-co…

骨架屏可以理解为是当数据还未加载进来前，页面的一个空白版本，一个简单的关键渲染路径。用户会看到一个样式简单，描绘了当前页面的大致框架的骨架屏页面，然后骨架屏中各个占位部分被实际资源完全替换，这个过程中用户会觉得内容正在逐渐加载即将呈现，降低了用户的焦躁情绪，使得加载过程主观上变…

领导需求骨架屏，我等屌丝员工只能上了，调研试用了各种方案，记录一下坑与收获。 我们的项目使用的是vant，试用了一把vant自带的骨架屏，与领导需求不符，放弃。 本来想弄一个完全自动的骨架屏方案，根据每一个页面自动生成一个骨架屏，但是我本人太菜了，暂时对此功能无能为力。市面上的…

可能大家对「白屏时间」这个名词并不陌生，他是「刀耕火种」年代，我们收集的页面性能指标之一，随着前端工程的复杂化，白屏时间已经没有什么实质性的意义了，取而代之的就是 FMP。 先来介绍几个与之相关的名词。 FMP（First Meaning Paint）：首次有效绘制，标记主角元…

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…

Ajax 技术的出现，让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容，这就是单页应用。在一个单页应用中，往往只有一个 html 文件，然后根据访问的 url 来匹配对应的路由脚本，动态地渲染页面内容。单页应用在优化了用户体验的同时，也给我们带来了许多问题，例如 S…