在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问题，越来越多的APP采用了“骨架屏”的方式去提升用户体验。

作为一个做 SPA 起家的框架，Vue 的开发学习曲线较为平缓，相对来说，开发体验属于上乘。但不少初学者会发现，自己的站点，随随便便打包文件就有 10M ！难以置信，其实这跟 Vue 的性能没有太大关系，我们可以通过配置文件来大大改善这一情况。 它的作用是实现延迟加载，避免一次…

示例工程在源码 “quickstart-grace-demo”目录下, 用微信小程序开发工具打开即可。 创建页面时用grace.page 替换 Page 即可。 注意：Grace 注入到实例中的所有方法和属性命名都以“$”开始。 这很明显是受了React的影响，好的不学🤦‍，…

高阶组件(HOC)是一种架构模式，在React中非常常见，但也可以在Vue中使用。它可以被描述为一种在组件之间共享公共功能而不需要重复代码的方法。HOC的目的是增强组件的功能。它允许在项目中实现可重用性和可维护性。 只要你向一个方法传入组件，然后返回一个新的组件，这就是一个HO…

1. 前提条件 2. 路由配置 3. vuex配置 4. keep-alive包裹router-view <keep-alive :exclude="excludeComponents"><som-component></some-component></keep-alive>…

最近想深入了解一下vue.js（后面简称vue）的核心原理，无意中看到了一个用于学习vue原理的项目。在深入了解之后，发现它短小精悍，对于渐进式地了解vue的核心原理的实现大有帮助，于是乎就正式开始了对它探索之旅。 概念代表着人类意识上的共识。所以，要想通过沟通交流来产生一些成…

近期不断面试中，面试官都会提一些关于Vue相关的源码和“全家桶”之类的问题。那么针对这些提问，我们应该如何更好应答呢？在这里我把对Vue的理解整理出来供大家来参考。 Vue是一套构建用户界面的渐进式框架，也是一个非常典型的 MVVM 的程序结构（model-view-viewm…

这篇文章写一下前后端分离下的登录解决方案，目前大多数都采用请求头携带 Token 的形式。 前端得到 401 状态码，重定向到登录页面。 使用 respone 拦截器，对 2xx 状态码以外的结果进行拦截。 如果状态码是401，则有可能是 Token 过期，跳转到登录页。 上面…

在操作地区数据时，以前也用过树形的地区选择组件，但因其在再操作大量的地区数据时，渲染缓慢，所以我们就换了另一种数据展示形式和交互形式，从而就有了这个组件。 area 参数是必选项，表示组件初始化时的地区数据，可以为空。