前端周刊-2018年9月第三期

点击下面阅读全文可以查看所有文章

编写「可读」代码的实践

链接:

摘要

React + Redux 组件化方案

链接:

摘要

标签就能调用它，通过设置属性的方式，来控制它的显示的内容，和对应的事件。借助 jsx 语法，React 已经实现上述想法。
但是由于 React 的数据流向是单向的， 子组件的数据和方法只能由父级组件赋予，一旦组件嵌套层次变深，传递数据将会变得非常复杂。
redux 框架解决了这个问题，简单来说，它将 react 由父级传递数据，变为了由一个统一的数据源 store 单向地向各个组件传递数据。
所有数据都存放在 store 中，组件内部不维护任何数据。

store 提供了 dispatch 方法来触发改变 store 中数据。 dispatch 传入的值被称作 action。 dispatch(action) 之后，会进入到 store 中称为 reducer 的处理函数，这些 reducer 会依据不同的 action 的类型，进行不同的处理，reducer 返回的值就会作为 store 中新的数据，一个 reducer 对应的是 store 中一个数据字段，每多一个reducer， store 中就多一个数据字段。数据发生改变后， store 就会通知对应的组件重新渲染。

通过 redux 框架提供的 connect 高阶函数， 直接从 store 选取需要的数据和申明需要使用的方法传入组件中，这些申明的方法是组件事件具体的逻辑的实现，例如发送请求，上报逻辑等等，所以通常调用 dispatch(action) 的逻辑也会包含在里面。

ANT DESIGN PRO-开箱即用的中台前端/设计解决方案

链接:

摘要

实现一个完美符合Promise/A+规范的Promise

链接:

摘要

Vue知识点整理

链接

• 对于MVVM的理解？

Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。

• Vue的生命周期（8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后)

Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。

• Vue实现数据双向绑定的原理：Object.defineProperty（）

• Vue组件间的参数传递

• vue路由的钩子函数

首页可以控制导航跳转，beforeEach，afterEach等，一般用于页面title的修改。一些需要登录才能调整页面的重定向功能。

beforeEach主要有3个参数to，from，next：

to：route即将进入的目标路由对象，

from：route当前导航正要离开的路由

next：function一定要调用该方法resolve这个钩子。执行效果依赖next方法的调用参数。可以控制网页的跳转。

• vuex是什么？怎么使用？哪种功能场景使用它