MobX上手指南
# 前言 之前在学习 react 的状态管理时当然第一个学到的就是 redux，关于 redux 如果有兴趣或是还不清楚，可以先去看看 浅析 React Redux 的概念以及使用。而本篇的主角是 MobX，这篇会介绍关于 MobX 的一些概念以及基本用法，当然也会讲到跟 redux 的区别，包括优势选型等比较。 # 正文 MobX 其实跟 redux 一样也是一个用于做全局状态管理的一个工具，不过经过下面的介绍你就会发现 MobX 比 redux 方便简单很多，所以其实 MobX 也蛮流行的。我会在介绍完 MobX 后再统一说说跟 redux 的对比。下面一样以 todo 应用作为场景说说...
more...
03-makeAutoObservable 和 makeObservable
# makeAutoObservable 详解 makeAutoObservable(target, overrides?, options?) target ：将目标对象中的属性和方法设置为 Observable State 和 Action overrides ：覆盖默认设置，将 target 对象中的某些属性或方法设置为普通属性 因为并不是所有的属性或方法都需要转化 overrides 对象中的 key 是需要覆盖的属性或方法的名称， value 为 false 的会被设置成普通属性 options ：配置对象 // 将 reset 方法设置为普通属性，再通过 reset...
more...
01-MobX 简介
# MobX 简介 # Mobx 介绍 官方文档 简单，可扩展的状态管理库。 MobX 是由 Mendix，Coinbase（比特币公司），Facebook 开源和众多个人赞助商所赞助的。 MobX 和 Redux 做的事情是一样的，都是通过一个对象去管理应用程序中的状态。 但是和 Redux 相比，MobX 又及其简单，因为它没有过多的流程和样板代码。 流程 Redux 要求必须严格遵守它的工作流程，例如通过 dispatch 触发 action，由 store 接收到 action，然后交给 reducer 去处理 action MobX 没有过多的流程要求 直接调用定义的...
more...
JavaScript书写十五种设计模式
在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于 “类”。
在 JavaScript 中并没有类这种概念，JS 中的函数属于一等对象，在 JS 中定义一个对象非常简单（var obj = {}），而基于 JS 中闭包与弱类型等特性，在实现一些设计模式的方式上与众不同。
cnpm的简介与使用
# 1. 国内使用 npm 存在的问题 安装 npm 后，每次我们安装包时，我们的电脑都要和 npm 服务器进行对话，去 npm 仓库获取包。 npm 默认的仓库地址为：http://registry.npmjs.org 查看当前 npm 仓库地址命令： npm config get registry 因为 npm 的远程服务器在国外，所以有时候难免出现访问过慢，甚至无法访问的情况。 为了解决这个问题，我们有以下几个解决办法 # 2. 使用淘宝的 cpm 代替 npm 淘宝为我们搭建了一个国内的 npm 服务器，它目前是每隔 10 分钟将国外 npm 仓库的所有内容 “搬运”...
more...
