本文档诸多例子来源于官方文档，但也在编写过程中添加了我对这套技术栈的一些理解，如果你更喜欢看官方文档，请移步官网/官方文档
为什么要使用apollo？
没有redux繁琐的action、reducer、dispatch……让全局管理store变得简单、直白！使用
redux管理状态，重心是放在如何去拿数据上；而apollo把重心放在需要什么数据上。理解这一点非常重要！
好了，废话不多说，我们立即开始！
new 操作符到底做了什么？
相信很多才接触前端的小伙伴甚至工作几年的前端小伙伴对new这个操作符的了解还停留在一知半解的地步，比较模糊。
就比如前不久接触到一个入职两年的前端小伙伴，他告诉我new是用来创建对象的，无可厚非，可能很多人都会这么答！
那这么答到底是错很是对呢？
下面我们全面来讨论一下这个问题：
我们要拿到一
...
JavaScript设计模式
原型模式
从设计模式的角度讲，原型模式是用于创建对象的一种模式，如果我们想要创建一个对象， 一种方法是先指定它的类型，然后通过类来创建这个对象。原型模式选择了另外一种方式，我们 不再关心对象的具体类型，而是找到一个对象，然后通过克隆来创建一个一模一样的对象。
1234567891011121
...
在CI上使用git subtree强制推送代码到gh-pages
最近在前端持续集成上面遇到一个问题，在百度上查了无数资料，无解！！也可能是我搜索姿势不对… -_-但是当我尝试在google上搜索时，很快得到了答案。写这段话的目的不是为了黑百度，扬谷歌，望勿借题发挥。至于我的目的，你们自行脑补。😄
前端持续集成，目前流行的平台 circleCI、travis
...
jest学习笔记
本笔记根据jest官方文档23.6而来，根据个人理解，整合官网零散的文档并提炼了jest入门常用的内容到本笔记，以备后续使用和查阅！因个人能力有限，如有缺陷，请海涵！也欢迎您提出宝贵的意见。本文使用yarn来管理npm包，如需npm或其他方式，请自行查阅相关文档。
开始使用之前的准备和配置安装n
...
AntDesign的Upload组件在上传文件时，传的文件对象无效问题
1、问题描述ant design的Upload 组件(下称‘Upload 组件’)封装到FormData对象后，文件对象被转换成 '[object Object]' 的字符串形式，文件流失效。
2、原因分析 先从Upload 组件说起
Upload 组件在文件上传前后都有诸多的回调
...
react获取ref的值为undefined
1、问题描述在 render() 里面某个DOM 结点上定义了 ref=’xxx’ 后，在生命周期里面使用 this.refs.xxx 获取 xxx 结点，控制台报错 xxx 结点 undefined。
2、原因分析根据 react 的机制（见上图），render() 方法执行后会进入生命周期 co
...
sass基础入门
一、 SASS
sass 采用编程式的写法来编写样式表，最后编译成我们常见的css样式表。
二、 安装
SASS 由 Ruby 语言编写，但是不懂Ruby，不妨碍我们学习使用 SASS，因为两者之间没有关联性。
唯一的条件是必须在 Ruby 环境下运行 SASS。SASS 是普通的文本文件，兼容 css 语法。
SASS 文件的后缀名为 .sass 或者 .scss。严重推荐使用 .scss 写法
hexo 文章管理
前提：已经使用 npm 预装好了 Hexo 所需的各种依赖包。
查阅 文档 以获取更多信息。如果在使用Hexo时遇到任何问题，您可以在 troubleshooting 中找到答案，或者您可以在 GitHub 上询问。
一、 流程
1. 全局安装 hexo 命令库
1 | npm install hexo-cli -g |
D3学习笔记
在新标签页面打开
document.getElementById('pdfPlayer').style.height = window.innerHeight + 'px'