上九天吃瓜

在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind="$attrs" 则会带来极大的便利，但同时也会有一些隐患在其中。 于是我发现这个“bug”，并迅速打开 gayhub 提了个 issue…

现在以http://localhost:8080/#/foo跳转到http://localhost:8080/#/foo/child/10000为例。 1. transitionTo 函数 当我们点击页面上的 to-child 时，会触发点击事件从而调用HashHistory的…

承接上一篇，我们知道了 Router 初始化过程做了一些什么，而且从http://localhost:8080到http://localhost:8080/#/的过程，那么我们在输入一个路径时，Router 是如何找到对应的组件来渲染的呢，这一篇主要就是介绍这个匹配过程。 我们…

我们在使用 Vue 相关生态的时候，避免不了的会使用到 Vue Router，而关于 Vue Router 背后如何帮助我们管理路由，渲染页面，跳转路径，却知之甚少，这一篇主要从大部分同学使用到的一些场景来分析它的原理。 1. 开始写一个 Router 下面开始一步步分析 Vu…

不值一提的flex-basis，却给文本溢出添加省略号这个小小的功能带来很多了麻烦。下面来演示一下。 1. flex 家族 这样可以很方便的实现一个左右等分的布局。 2. flex-basis 从中作梗 flex-grow表示放大比例，flex-shrink表示收缩比例，fle…

在前面我们还没有分析 store 是怎样提交 mutaion，怎样分发 dispatch 的呢？这篇就是对这些方法以及 4 个辅助函数进行分析。 1. commit 在前面我们记得commit与dispatch方法是有多种传参写法的，所以这里第一步就是整合我们所需要的参数，获取…

在上一篇中，我们大致了解了Vuex的概念以及食用方式，这里主要是从源码的角度来详细揭开Vuex的神秘面纱。 下面一步步分析。 PS：未特殊说明路径，代码内容则在当前文件内。 1. import Vuex from 'vuex' 由此可见，我们引入 Vuex 对象，包含了辅助函数…

在使用 Vue 开发的过程中，一旦项目到达一定的体量或者模块化粒度小一点，就会遇到兄弟组件传参，全局数据缓存等等问题。这些问题也有其他方法可以解决，但是通过 Vuex 来管理这些数据是最好不过的了。 1. 什么是 Vuex ？ Vuex 是一种状态管理模式，它集中管理应用内的所…

在面试或者技术社区冲浪的时候，一不小心就会看到深度优先搜索、广度优先搜索这两个概念，这一次在项目中一个需求用到了相关的知识，故此在这里通过理论+实际来总结一下。 1. 示例 2. 深度优先搜索 深度优先搜索（depth first search），从图中也可以看出来，是从根节点…