Github 是最大的同性社交，哦不，是代码托管的远程仓库。Github 虽好，但免费托管服务的代码都是公开的，任何人都可以访问你的代码。如果你需要一个私人的远程仓库又不想付费，完全可以自己搭建一个 Git 服务器，当然前提是你需要有一台运行的服务器，最好是 Linux 服务器。

现如今npm已经成为前端开发中必不可少的一部分，目前在npm上发布的包超过34万个，每周仍有超过1万个新包被发布，包一周下载量超过十亿次。作为一名好奇的前端，自然希望能把自己造的轮子让更多人看到。不同于传统的js模块，发布我们的组件还需要多一丢丢东西要做：

在初学 React 的时候，分不清 React 组件和 React 元素，着实踩了一些坑。搞清楚 React 中什么是组件，什么是元素，既可以理清楚概念，也可以让你避免一些不必要的错误。

React可以使用React.createClass、ES6 classes、纯函数3种方式构建组件。使用React.createClass会自动绑定每个方法的this到当前组件，但使用ES6 classes或纯函数时，就要靠手动绑定this了。接下来介绍React中三种绑定this的方法

在日常开发中，经常使用固定定位position:fixed，使得元素相对于屏幕视口定位，常常用在头部、侧边抽屉菜单、FAB等。固定定位的元素，不会随窗口滚动而移动，与父元素的位置无关，但真的是这样吗？

在使用JavaScript开发大型、快速的网页应用时，React是我们的首选。在Facebook和Instagram，React很好地减少了我们的工作量。React最强大部分之一，是让你在开发应用的同时，按照开发应用的思路去思考。这篇文章，将指导你通过几个步骤，用React开发一个可搜索数据表

2016年已经过去，这一年前端领域发生了什么？有哪些技术和项目引人注目？工程师们观点和看法又有怎样的变化？在此，整理了一些对过去的2016年盘点的资料，一是希望能借此提高自己的姿势水平，二是希望能为2017年的学习有所指导。

Antd 组件库中，包含有 Trigger 的组件，它们都有类似的组件结构。以下组件都可以归为这一类： ToolTip Popover PopConfrim Cascader DataPicker TimePicker Select TreeSelect Dropdown 这些组件的特点，就是都有弹框。通过点击, hover, 或是改变焦点的方式，打开或关闭弹框。而这个特点，就是 Trigger 组件所要实现的...

Google Material Design花了很大篇幅介绍了优雅自然的动画应该具备哪些特性。不仅仅是视觉上的观感，还能帮助提高用户界面的可用性，提升用户体验。官方文档讲的很细致，有很多典型视频示例，可惜缺少代码示例。接下来，用打开一个material surface动画的例子，来说说本人对material motion的认识。

代码出自热播美剧《西部世界》(导演 乔纳森·诺兰)第十集。剧中host(机器人)老鸨梅芙，突然发现了自己的身份，于是胁迫人类作业员，并招募其它host，计划逃出这个虚拟世界，却发现自己所有的行动仍然是代码编写出来的。

平时在PC上积累了不少Chrome书签，一直希望能在其他地方使用，但在导出到其它浏览器，尤其是手机浏览器的时候遇到不少困难。虽然可以通过谷歌账号同步书签，但是因为总所周知的原因，存在诸多不便。于是写了个小程序，将chrome的html书签解析成json格式，方便拓展使用。

如果你希望在图片加载完成后做些什么。或在图片加载失败后能有补救措施，这款插件会很有用处。 需要注意的是，如果有新添加的元素，要在元素添加完后重新设置插件，否则不会监测新元素。

Masonry是最流行的瀑布流插件之一，配置简单，功能强大，在Github上收获了1w+ stars。如果你想使用瀑布流提升网站体验，Masonry将是不错的选择。

新司机最近读完《编写可维护的JavaScript》，学到不少东西。书分为编程风格、编程实践、自动化三个部分。其中编程风格是你的代码格式约定，统一的格式不仅仅有利于团队，也有助于提高新司机的代码质量和程序的可维护性。编程风格并不是绝对的，每个人或团队都有自己的编程风格，但知道哪些地方需要注意的话，还是有助于...