Monica_d

（1）骨架屏相信大多数人都听讲过，也实现过。（还不清楚骨架屏是什么的可以参考 开发一个简单易懂的webpack骨架屏插件 但一般情况下都是给首页第一次加载的时候添加骨架屏，而不是给每个路由页面都加上骨架屏。 单页面应用第一次加载的时候需要加载大量的js，css资源，如果网络慢的…

做前端的应该都知道做页面的时候，当后端已经定义好了接口，但提供不了数据服务的时候，作为前端的你搭建页面是很痛苦的。 为此搭建一个可以mock数据的本地服务是很有必要的。 用到的工具库：json-server提供服务。mockjs提供模拟的数据。 上面的user_info就是你的…

项目的页面需要轮训抓取数据，而且要支持暂停抓取，继续抓取。还需要累计抓取的时间，以分钟为单位。 这种情况看起来好像没问题，但熟悉js的同学应该一眼就看出毛病了。因为js是单线程，每个回调函数都要经过事件队列才能到达主线程执行。 所以假如在事件队列里，有一个复杂耗时的事件在set…

上一篇文章介绍了单一路由下的骨架屏插件实现。但在真实的产品中，其他页面也是要有各自的骨架屏的。 从上篇文章《开发一个简单易懂的webpack骨架屏插件》，可以知道骨架屏其实就是在js没有加载完成之前，在id为root的div里写一些动画代码，让用户不要看到一篇空白。 我们都知道…

单页面应用其实就是一个html文件，html结构里面有一个div#root，当js加载完毕并且执行完成后，id为root的div会被整个替换掉。所以由此我们可以想到，我们在div#root里面写一些动画之类的html结构，在js没有加载完成的时候，让用户看到的不是一片空白，而是…

一、前言二、实现数据持久化方法三、项目需求四、实现过程