LarenDorr

Yarn作为JavaScript生态的一个强大的依赖管理工具在今年1月24日的时候正式发布了v2版本。在本篇文章中，我将会为大家介绍以下内容： 备注：如果你想知道如何直接使用v2版本可以查看Getting Started，如果你想从v1版本迁移到v2版本可以查看Migratio…

对于 JavaScript 新手，看到 "CommonJS vs AMD" 、"Requirejs vs Seajs"、"Webpack vs. Browserify"等这些可能会不知所措。 特别是在大部分浏览器都已经实现 ES6 模块化规范的今天，我们新开发的项目基本都是 E…

前端基础性能监测是用于制定提升用户体验方案所依赖的重要流程。是现代前端业务中无法忽视的重要一环。 通过工具运行页面，进而采集性能指标，形成报告。 下载谷歌插件，然后使用时，直接点击插件或者在开发者工具中点击Audits进行性能报告生成。 使用命令行，安装node(版本5以上)，…

在忙碌的现代社会里，我们相信一个任务接着一个任务不断的完成、能同时管理多个不同缓急程度的任务，可以表现出自己是个多产的人。 实际上，由于对忙碌的狂热崇拜，我们中的大多数人会感到不知所措，过度劳累，并且感觉还是落后于自己制定的紧凑时刻表。 你和其他许多雄心勃勃的人一样，想通过一些…

定义Model时，需要正确地定义props中各字段的类型。本文将对MST提供的各种类型以及类型的工厂方法进行简单的介绍，方便同学们在定义props时挑选正确的类型。 定义props之前，有一个前提是，你已经明确地知道这个Model中状态的数据类型。 如果Model用于存放由后端…

上一篇文章MST基础中简单地介绍了MST的几个基本概念和相关API，本文将带大家搭配React实现一个TodoList。 为了省去枯燥的项目搭建过程，本文选择使用stackblitz平台来编辑我们的代码。 同学们可以点击上面的地址fork一个starter项目，项目中已经配置好…

上面列举的工具和库都有非常丰富的文档和教程，不太熟悉的同学最好先自学一下。 MST依赖MobX。 项目中执行yarn add mobx mobx-state-tree即可完成安装。 MobX有两个版本，新版本需要浏览器Proxy支持，一些老旧的浏览器并不支持，需要兼容老浏览器的…