作者：何方舟 在介绍组件化方案之前，先对 react 和 redux 做一个简单介绍。 Why React 理想中的组件化，第一步应该就是组件的标签化， 例如有一个 Header 组件，如下图所示 无需关注组件内部的实现，我们只需要使用一个 标签就能调用它，通过设置属性的方式，来控制它的显示的内容，

这是【Github 开源项目贡献指南】系列的第七章，原文【Open Source Guides——Getting Paid for Open Source Work】 为什么有些人会寻求经济支持 大多数开源工作都是自发的。举个例子，如果有个人在他们使用一个开源项目的时候遇到一个bug然后他提交了一个

这是【Github 开源项目贡献指南】系列的第八章，原文【Open Source Guides——Your Code of Conduct】 ​ ​ 我为什么需要行为守则？ 行为守则是一份确立项目参与者行为规范的文件。采用和执行行为守则可以帮助你们的社区营造积极的氛围。 行为守则不仅帮助保护你们的参

这是【Github 开源项目贡献指南】系列第十章，原文【Open Source Guides——The Legal Side of Open Source】 ​ ​ 了解开源的法律含义 向世界分享你们具有创造性的工作，这是一个多么令人激动和有价值的经历。这也意味着你们必须担心一堆你们不清楚的法律问题

作者：何方舟 promise已经是成为我们解决回调炼狱的常用方案，而且已经得到官方标准支持，如果你刚刚开始使用Promise，本文将帮助你了解几个常见的几个Promise的使用场景 ​ 使用Promise可以让程序的可读性变得更好。如下面这样的代码： ​ var p = Promise.resolv

作者：朱灵子 React Native用IOS自带的JavaScriptCore作为JS的解析引擎，普通的JS-OC通信就是React Native在OC定义一个模块方法，JS可以直接调用这个模块方法并还可以无缝衔接回调。 ​ 具体的接口调用实现方法如下所示： 将OC注册进来的模块取出，调用模块中的

作者：朱灵子 React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。 创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。 本文初探react的顶层事件代理机制~ ​ 顶级事件代理机制 ​ React采用的是顶层的事件

作者：TAT.郭林烁 joeyguo 原文地址 最近在 Alloyteam Conf 2016 分享了《使用RxJS构建流式前端应用》，会后在线上线下跟大家交流时发现对于 RxJS 的态度呈现出两大类:有用过的都表达了 RxJS 带来的优雅编码体验，未用过的则反馈太难入门。所以，这里将结合自己对 R

作者：TAT.vorshen Webgl的魅力在于可以创造一个自己的3D世界，但相比较canvas2D来说，除了物体的移动旋转变换完全依赖矩阵增加了复杂度，就连生成一个物体都变得很复杂。 ​ 什么？！为什么不用Threejs？Threejs等库确实可以很大程度的提高开发效率，而且各方面封装的非常棒，

作者：villainthr 随着前端异步的发展， XHR 这种耦合方式的书写不利于前端异步的 Promise 回调。而且，写起来也是很复杂.。fetch API 本来是在 SW(ServiceWorkers) 中提出的，不过，后面觉得好用， 就把他挂载到 window 对象下。 这样，在前端的正常通

作者：朱灵子 本文举一个简单的例子介绍如何进行react native实战开发，主要从以下几个方面来进行介绍： 如何在mac IOS下进行react native环境配置 写一个简单的例子，分析react native布局与web布局的不同点 如何在Xcode上进行编译以及在IOS真机上运行 首屏加

译者：TAT.Johnny 原文：https://www.smashingmagazine.com/2017/04/guide-http2-server-push/ 作者：Jeremy Wagner 译者按：网络优化一直是译者长期研究的方向，HTTP/2 的理论学习也已做了不少，随着这项标准的推进，

作者：june01 前言 现在时富媒体时代，图片的重要性对于数十亿互联网用户来说不言而喻，图片本身就是像素点阵的合集，但是为了如何更快更好的存储图片而诞生了各种各样的图片格式：jpeg、png、gif、webp等，而这次我们要拿来开刀的，就是png。 简介 首先，png是什么鬼？我们来看看wiki上

作者：TAT.郭林烁 原文地址 直出是什么？到底是怎样的性能优化？本文将结合从在浏览器输入url，到展示最终页面的过程来对其进行一步步分析，并将在手Q web 中的实际应用实践进行总结。 模式 1 - 前后分离 从用户输入 url　到展示最终页面的过程，这种模式可简单的分为以下 5 部分： 用户输入

TAT.郭林烁 原文地址 在前端开发工作中，除了项目开发保质保量上线以外，项目的数据监控也应该配套起来，确保线上的正常运转。如上报 pv 监控项目是否正常运转；测速上报反应项目质量；脚本错误监控作为监控中重要一环，当页面发生报错的时候，通过上报错误信息，能及时发现存在问题，修复优化、减少损失。 本文