我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node的迭代却没那么平凡，可能一周更新一次甚至更久，那么为了node服务的稳定，减少node服务的发布次数，是非常有用的。 为了前后端分离，我们在前端和api层中间，架构了一层node层，…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏，从而减少页面白屏的时间，给用户带来更好的体验。 可以看到，DOM里面有一个div#app，当js被执行完成之后，此div…

.. a. 前两者的前提都是需要开发者自己编写骨架屏代码 b. 饿了么的做的比较强大了，还有 UI 界面专门调整骨架屏 只支持 history 模式.

俗话说一个项目，用代码重写十次，每次肯定收益匪浅。后续还会持续重构ssr等。 在vue-cli 3.0以下的老项目中。 在最新的vue-cli 3.0中。 在最新的vue-cli 3.0中使用typescript，可以说是非常方便了，因为添加了对ts的支持，用vue creat…

写在前面：这个项目杂七杂八看起来很杂，这篇文章主要是就是介绍下这个模板项目的几个要点，让大家从这个项目中能学到真正实用的技术要点，项目地址在文末。 Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。 PW…

骨架屏，其实就给用户展示一个页面的大体骨架，不会让用户有等待时间过长的感觉。实际也比菊花式加载用户体验也会好很多 既然是骨架屏，作为一个用户视觉缓冲工具，很多地方可能会用。为了实现简单，我封装了一个骨架屏的组件。 使用者将想要的布局封装为一个树状的数据结构，然后让组件去递归解析…

随着公司业务的不断壮大，最近老是有用户反应公司APP内的商城打开比较慢，这可不行啊，慢了容易流失用户，流失用户减少公司业绩，公司业绩少我的年终奖就少…………，所以为了公司，也为了自己，开始优化之路。 商城系统是去年开发的，是一个基于vue2.0的spa项目，最好的优化思路当然是…

什么是服务端渲染，简单理解是将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。 于传统的SPA（单页应用）相比，服务端渲染能更好的有利于SEO，减少页面首屏加载时间，当然对开发来讲我们就不得不多学一些知识来支持服务端渲…