单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新。 有单向绑定，就有双向绑定。如果用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定。 什么情况下用户可以更新View呢？填写表单就是一个最直接的例子。当用户填写表单时，View的状态就被更新了，如果此时MVVM框架可以自动更新Model的状态，那就

## [React-Mobx-VM](https://github.com/be-fe/react-mobx-vm) 纵观主流的react状态管理库，Redux、mobx-state-tree 大致的开发app的流程是：先创建一个全局的唯一的store，全局store的数据包括一些子页面的page store 和一些全局的context（如user information），其中page s

[🔭 Telescope 望远镜](https://github.com/telescopejs/telescope/) 是一个开源的文件预览 Web 服务，目前提供 HTML、图片、pdf 三种格式的预览格式。你可以用 Telescope 来预览 github、gitlab 甚至是任何平台上的资源。 ## 代码样式 Telescope 具有各式各样的样式和主题。 <img src="h

# 引子 基本上 GitHub 上优秀的javascript项目上面有很多零零碎碎的文件。如图，以koa为例 <img src="https://i.loli.net/2018/01/06/5a5063addc5f0.jpg" alt="" width="992" height="685" /> 下文将一一说明这些个“奇怪”的文件是干什么的... # 持续集成篇 持续集成（CI, C

## 痛点 前端技术栈：React + Mobx 国际化解决方案：通过一个全局的 translate 方法输入对应翻译译文的 key 如：现在的中文的英文翻译字典数据有， ```js // zh-CN { cuttle: '墨鱼' } // en-US { cuttle: 'imcuttle' } ``` 依次在中英文环境下调用 `translate('cuttle')` 会

:smile: 最近抱着寻找感官刺激的目的，追了一部10年-13年左右的美剧 —— 《斯巴达克斯》 最印象深刻的是：很黄暴很血腥！ 我本是不喜欢看血腥场面的人，但《斯巴达克斯》中的血腥场面不是像《七宗罪》里面的“憋屈”的血腥，而是“赤裸裸，硬生生”的血腥，夹杂着战士的荣誉。 本剧共有四季，但我却是从第二季开始入坑的，剧情上完全没什么影响。 第一季：介绍罗马共和国统治下的一个地方奴隶主训

在现代Web前端开发中，离不开JavaScript es6/7，而 ES6/7 中最常用的语法翻译当属 Babel 了。 这篇文章将带读者从零开始开发一个自定义的Babel插件。 ## Babel是什么 Babel 使用 babylon 解析 JavaScript 代码，得到抽象语法树（Abstract Syntax Tree，后文简称 AST）。 同时也可以使用`babel-gen

无论你是博客发烧友，还是项目开发小组，或是造轮子达人。 只要你需要写文档（markdown），而且需要产生出一套漂亮的页面。那么Picidae再适合不过了... 大家伙现在看到的页面就是出自Picidae之手。 <img src="http://obu9je6ng.bkt.clouddn.com/FtlARXbtnGd-rVjYj00F6f_0Nhh-?imageslim" alt=

## 首先看一个实例！ [`react-code-editor`](https://github.com/m-cuttlefish/react-code-editor) 如下代码： ```css .stage { border: 1px dashed #333; padding: 10px; } ``` ````react import React from 'react'

Babel是什么我就不多介绍了，不懂的同学百度或者谷歌一下。 Babel的插件工作原理就是将ast(语法分析树)，按照ast的规则，进行转换。 [AST Expolorer](http://astexplorer.net/#/Z1exs6BWMq) 提供是一个线上AST预览的环境，包括Javascript、css...语言的AST预览 其中babel的ast词法语法分析树的产生是来自开源