你们要的Web前沿技术PWA在这里

PWA是progress web app的缩写，是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。
history模式
• 如果不希望看到丑陋的 # 可以使用history模式 ， 其原理依赖于 history.pushState函数
– a标签点击以后，如果没有# 必然会页面跳转发起请求
– 使用pushState函数可以改变url 比如 /abc 而不会发起请求
– js通过location.pathname获取该值 /abc 做页面局部的替换
• router-view的history简单实现原理

• router-view实现图解

自制webpack插件实现骨架屏

• 原理分析：
– 1: 从路由A跳到路由B慢不慢？ 你敢说慢？ 因为A的时候各种js已经加载好了ok
– 2: 那到底是什么比较慢 ？ A的首次加载
• 慢会带来什么？
– 1: 首屏白屏(量太大，渲染好久)
– 2: 首屏卡顿(加载一半，一半卡住)
• 解决方案：