littleLane

在正式开始介绍 Flux 架构模式之前，我们首先会了解 React 独立架构的形态与问题，毕竟 Flux 架构模式的诞生也是为了解决这样一类问题。这一小节也算是抛转引出下面的 Flux 架构模式内容吧！ 对于「React 独立架构」这个名词，可能很多读者都感到很陌生。 这里首先…

组件化已然成为构建前端应用的指导思想了 —— 将整个庞大的应用拆分成各个小的功能模块，再将功能模块划分到页面，每个实际的页面再由独立的功能单元（组件）组装而成。在整个过程中，组件扮演着最基础而又最重要的角色。既然组件是构建应用的基础，为了比较全面的了解组件以及组件的设计模式，下…

美好的十月开始了！为了巩固自己的知识体系并更好的将自己的所学分享给大家。于此，开启了一系列全新的分享计划。本计划将以一道经典的面试题 —— 从打开浏览器到输入 URL 到页面展示，这个过程中发生了什么 —— 为大纲从浏览器和 JavaScript 两个切入点由浅入深的整理出一套…

近些年来，一股 MVVM 之风刮遍全球，大家无不为之称赞。关于 MVVM 架构模式的实现，大家讨论的最多的算是 Vue.js 了吧！Vue.js 很好的利用 MVVM 中的 VM 声明式的实现了与数据模型 Model 和视图 View 的联通，使得用户只需对数据模型进行操作，就…

最新一直在看关于 Vue 和 React 路由这块的知识，最终发现这些路由框架的模块功能的实现都是基于浏览器原生路由 API 的。本着追根溯源的初心，于是就想着将浏览器原生的路由 API 整体梳理一遍，以便更加顺畅的理解 Vue-Router 和 React-Router 的相…

生命周期是一个极其重要的概念，特别是在软件开发领域更是起着举足轻重的作用。在 React 中，生命周期大致上可以分为初始化（Initialization）、挂载（Mounting）、更新（Updating）和卸载（Unmounting） 这几个阶段，每个阶段又会分别调用不同的生…

$dispatch 和 $broadcast 作为一对情侣 💑属性，在 Vue 1.0 中主要用来实现基于组件树结构的事件流通信 —— 通过向上或向下以冒泡的形式传递事件流，以实现嵌套父子组件的通信。但是由于其显功能缺陷，在 Vue 2.0 中就被移除了。虽然 Vue 官网已…

v-model 是 Vue 框架提供的众多指令中的一个，其主要作用是可以实现在表单 <input>、<textarea> 及 <select> 标签元素上创建双向数据绑定。 * 最后点击 input 标签上面的 button 标签，发现 input 标签的值和 p 标签里面显示…

众所周知，Vue 主要思想之一就是组件式开发。因此，在实际的项目开发中，肯定会以组件的开发模式进行。形如页面和页面之间需要通信一样，Vue 组件和组件之间肯定也需要互通有无、共享状态。接下来，我们就悉数给大家展示所有 Vue 组件之间的通信方式。 用过 Vue 技术栈开发项目过…