全栈编程

虽然 Vue 的服务器端渲染 (SSR) 相当快速，但是由于需要为每次请求为了避免交叉请求状态污染，都创建一个新的根Vue实例，创建组件实例和虚拟 DOM 节点的开销，无法与纯基于字符串拼接的模板的性能相当。在 SSR 性能至关重要的情况下，明智地利用缓存策略，可以极大改善响应…

上一篇讲到了nuxt页面缓存，这一篇我们来讲nuxt的组件级缓存。从下图nuxt处理请求的示意图可以看出，在nuxt框架中主要是通过vue-server-renderer这个模块进行渲染的，而vue-server-renderer这个模块自带了组件缓存这一特性。(https:/…

上一篇我们分析了vue-router通过confirmTransition函数去执行导航守卫，我们也知道vue-router是靠<router-link>和<router-view>组件完成跳转和渲染的。本次我们就来简要分析一下其中<router-view>渲染和<router…

1.hash——即地址栏URL中的#符号（此hash不是密码学里的散列运算）。比如在 http://localhost:8080/#/donate 中，hash的值就是#/donate,我们在浏览器中可以通过BOM中的变量获取到 图中可以通过window.location.ha…

本文就阿里手淘从2015年到现在所使用的两个主要的终端适配方案进行讨论，首先最早的是flexible方案，通过javascript的方案来实现响应式适配，后来由于viewport单位得到众多浏览器的兼容，flexible这个过渡方案就可以放弃使用了。 下面就来讲一下这两种方案的…

1.父子组件的通信：父组件向子组件传递props，子组件向父组件冒泡事件。 2.兄弟组件间的通信：子组件先传值给父组件，然后再通过父组件传递给另一个子组件。或者通过一个事件总线组件来传递事件。（如果想深入了解可以自行百度，这里就不深入讨论） 3.组件关系复杂：将共享的数据抽出来…