风清扬尘

在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。 一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 constructor是ES6对类的默认方法，…

本篇博文主要探讨React项目中合理的文件结构。 仅仅是安装了react中最常用的 react / react-dom 组件，其余的并没有安装，所以在项目开发中，我们根据需要，可能还会安装：redux react-redux react-router-dom prop-type…

Promise意在让异步请求逻辑代码变得干净和直观，让异步请求逻辑代码变得井然有序。 Promise在设计上具有原子性，即只有三种状态：等待（Pending）、成功（Fulfilled）、失败（Rejected）。在调用支持Promise的异步方法时，逻辑变得非常简单，在大规模…

在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记…

第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。 注意:不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"。 事件传递有两种方式：冒泡与捕获。 事件传递定义了元素事件触发的顺序。 如果你将…

做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完…

此片博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。 在布局的过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。 当然要啦！代码又没有脑子，没法自己思考应该定位到哪里。为了使用的时候方便，使用绝对…

在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 next:Function,进行管道中的一个钩子，如果执行完了，则导航的状态就是 confirmed （确认的）…

佛语：“赠人玫瑰，手留余香。” 若您感觉博文内容与您有益，请点赞并收藏！ 敬请关注作者，海量博文持续更新中。望与各位码友同学习，共进步！ VuePress ,一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档…