摘要：
calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起cal 阅读全文
摘要：
在JavaScript的世界里,有两个词经常被提到,shim和polyfill.它们指的都是什么,又有什么区别? 一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现 一个polyfill就是一个用在浏览器API上的shim.我们通常的做法是先检查当前浏览器是 阅读全文
摘要：
我们也了解到 React Component 事实上可以视为显示 UI 的一个状态机（state machine），而这个状态机根据不同的 state（透过 setState() 修改）和 props（由父元素传入），Component 会出现对应的显示结果。 我们也了解到 React Compon 阅读全文
摘要：
一般而言 Component 有以下三种生命周期的状态： Mounting：已插入真实的 DOM Updating：正在被重新渲染 Unmounting：已移出真实的 DOM 针对 Component 的生命周期状态 React 也有提供对应的处理方法： Mounting componentWill 阅读全文
摘要：
引用大神的一句话：（具体是谁自己问度娘） Shared mutable state is the root of all evil（共享的可变状态是万恶之源） -- Pete Hunt -- Pete Hunt JavaScript 中的对象一般是可变的（Mutable），因为使用了引用赋值，新的对 阅读全文
摘要：
Oject.assign() // Cloning an object var obj = { a: 1 }; var copy = Object.assign({}, obj); console.log(copy); // { a: 1 } // Cloning an object var obj 阅读全文
摘要：
Presentational and Container Components 展示组件 - 只关心它们的样子。 - 可能同时包含子级容器组件和展示组件，一般含DOM标签和自定的样式。 - 通常用this.props.children来包含其他组件 - 不依赖app其它组件，比如flux的actio 阅读全文
摘要：
第一个应用 Hello world 新建一个 111.js文件 在命令行中 输入 node 111.js 新建一个 111.js文件 在命令行中 输入 node 111.js 稍微复杂的应用，技术要求： - 用户可以通过浏览器使用我们的应用。 - 当用户请求http://domain/start时， 阅读全文
摘要：
什么是svg - SVG 指可伸缩矢量图形 (Scalable Vector Graphics) - SVG 用来定义用于网络的基于矢量的图形 - SVG 使用 XML 格式定义图形 - SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 - SVG 是万维网联盟的标准 - SVG 与诸如 阅读全文
摘要：
Redux is a predictable state container for JavaScript apps.，亦即 Redux 希望能提供一个可以预测的 state 管理容器，让开发者可以可以更容易开发复杂的 JavaScript 应用程式（注意 Redux 和 React 并无相依性，只 阅读全文
摘要：
Facebook 本身有提供 Test Utilities，但由于不够好用，所以目前主流开发社群比较倾向使用 Airbnb 团队开发的 enzyme，其可以与市面上常见的测试工具（Mocha、Karma、Jest 等）搭配使用。其中 Jest 是 Facebook 所开发的单元测试工具，其主要基于 阅读全文