1. 什么是前端路由路由的概念来源于服务端，在服务端中路由描述的是URL与处理函数之间的映射关系。在web前端单页面应用中，路由描述的是 URL 和 UI 之间的映射关系，这种映射关系是单向的，即 URL 变化引起 UI 更新。2. 如何实现前端路由要实现前端路由，需要解决两...

前段时间学习了关于vue中响应式数据的原理，（并作了学习笔记vue响应式原理），其实是通过Object.defineProperty控制getter和setter，并利用观察者模式完成的响应式设计。那么数组有一系列的操作方法，这些方法并不会触发数组的getter和setter方法。那么vue中针对数...

提到vue，大家肯定会想到双向数据绑定，数据驱动视图，虚拟DOM，diff算法等等这些概念。在使用vue的时候，会感觉到它的数据双向绑定真的很爽啊。会不会在你用了很长时间后，会好奇到，这个是如何实现的？或者在遇到问题的时候，会不会想到，为啥这个数据并没有响应式...

Vuex是专为Vue开发的统一状态管理工具。当我们的项目不是很复杂时，一些交互可以通过全局事件总线解决，但是这种观察者模式有些弊端，开发时可能没什么感觉，但是当项目变得复杂，维护时往往会摸不着头脑，如果是后来加入的伙伴更会觉得很无奈。这时候可以采用Vuex方...

应公司要求准备弄一个cli，那就暂定为win-cli吧~然而发现有很多不了解的东西，学习的东西也挺多的，那就慢慢啃吧(慢慢吭是不阔能的...)~哈哈首先就是commander了。

Tip: React v16.8.0已经支持Hooks。当我们进行更新时，别忘了更新其他相关依赖包，包括React DOM等。React Native将会在下一个稳定版本支持Hooks。

If you want your application to be stable, don't use context. It is an experimental API and it is likely to break in future releases of React. If you aren't familiar with state management libraries like Redux or MobX, don't use context. If you are...

diff并非React首创，只是React针对diff算法进行了优化。在React中diff算法和Virtual Dom的完美结合可以让我们不需要关心页面的变化导致的性能问题。因为diff会帮助我们计算出Virtual Dom变化的部分，然后只对该部分进行原生DOM操作，而非重新渲染整个页面，从而保证...

在React中是通过this.setState()来更新state。当调用this.setState()的时候，React会重新调用render方法来重新渲染UI。

组件的挂载是最基本过程，这个过程主要做初始化。在这初始化个过程中componentWillMount会在render方法之前执行，而componentDidMount方法会在render方法之后执行。分别代表了渲染前后时刻。写一个简单的例子：

做过前端的童鞋应该都知道lodash这个强大的使用工具库。为什么要写这篇文章呢，主要今天遇到一个问题，socket推送消息太频繁，导致saga频繁更新，页面有所卡顿，需要通过函数节流控制，发现自己突然不会写这样的代码，而且模糊了节流和抖动的区别。简单实现一下，源...

简介 以下仅为个人粗略总结和代码，看不懂的稍加理解，本文主要用做个人记录。 先大致总结一下 1.从哪里开始：webpack根据入口模块开始。 2.如何进行：递归读取每个文件，会形成一个依赖列表，依赖列表的，依赖列表是一个以文件相对路径为key，文件内容为value的对象...

首先了解下createStore.js。通过调用createStore创建唯一的store，store中暴露出getState，dispatch，subscribe，replaceReducer这几个方法。通常我们用到的主要是前三个方法，这里作为主要介绍内容。如下是createStore的主要内容：

一般在团队开发中每个人的代码习惯都不太一样，这样就会导致代码风格不一致，以致于维护和修改bug的时候看别人的代码成为一种痛苦...这种情况尤其在前端开发中尤为明显。因为关于前端的开发规范貌似也没有行业权威标准。这几天在网上看了下，基本上在开发中通过eslin...

如上是vue官网的例子，你会注意到如果你选择一篇文章，切换到Archive标签，然后切回Posts， 是不会继续展示你之前选择的文章的。因为你每次切换新标签的时候，Vue都会创建一个新的currentTabComponent实例。

插槽内容 Vue实现一套内容分发的API， 这套API基于当前的web组件规范草案，将<slot>元素作为承载分发内容的出口。 {代码...} 然后在<navigation-link>的模板中可能会写为： {代码...} 当组件渲染的时候，这个<slot>元素将会被"Yourt Profile"替换...

你可以用v-model指令在表单input，textarea以及select元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但是v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据。

监听事件 可以使用v-on指令监听DOM事件，并在触发的时候运行一些JavaScript代码。 {代码...} 事件处理方法 因为事件处理逻辑会更为复杂，所以直接把JavaScript代码写在v-on指令中是不可行的，因此v-on还可以接受一个需要调用的方法名称。 {代码...} 内联处理器中的方...

用v-for把一个数组对应为一个组件元素 我们用v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用item in items形式的语法： {代码...} 在v-for块中，我们拥有对父作用域属性的完全访问权限。v-for还支持一个可选的第二个参数为当前项的索引。 {代码...} 也...

(1)在<template>元素上使用v-if条件渲染分组因为v-if是一个指令，所以必须将它添加到一个元素上，如果想切换多个元素呢？可以使用<template>元素当做不可见的包裹元素。并在上面使用v-if。最终渲染结果将不包含<template>