社会化媒体赋予了每个人创造并传播内容的能力。社会化分享量可以间接说明该页面内容受欢迎的程度，对用户筛选搜索结果能够起到很好的辅助作用。目前常用的社会化分享媒体主要有QQ空间、新浪微博、微信、腾讯微博、人人网等。
社会化分享，是指在中，基于其分享功能，将信息网络化输入输出，加速组织传播。博客、微博客、WIKI、博客、社交网络、内容社区等，是可以常见到的社会化媒体形式。在国内近两年，社会化分享的传播量又以QQ空间、新浪微博、腾讯微博势头最猛。
常用的社会化分享工具，都支持自定义按钮风格、代码嵌入等功能，使用起来简单方便。
推荐的有：
demo地址：http://xuanfengge.com/demo/201404/share/
Github地址：https://github.com/xuanfeng/sns_share
为何有了以上方便的工具，还要自己写组件呢？
进度条库是前端中常见的库之一，bootstrap中提供了多种进度条样式。NProgress.js和nanobar.js是两款轻量级的进度条组件，使用简便。轩枫阁用过Nprogress，用于页面刚打开时的页面加载进度显示。
NProgress.js：http://ricostacruz.com/nprogress/
nanobar.js：http://nanobar.micronube.com/
轻量级的ajax进度条应用，灵感来自Google, YouTube, and Medium。
纳米级的进度条。 具有逼真的动画涓涓细流来说服你的用户，something is happen！ 查看全文
这是一个可以使得元素拥有像纸张一样的展开特效来显示更多内容的高度实验性jQuery插件。其中展开方向的步骤和数量都可以用参数指定。
PFold是一个可以使得元素像纸张一样展开效果的高度实验性插件。一个元素使用3D效果来展开展示更多其他内容。这个效果的实现原理是，一个元素有许多层次的折叠，其中每展开一次。元素的高宽都成倍增加，所以可以模仿一张已折叠的纸张的展开效果。
有很多参数提供选择，如每个展开/折叠步骤的方向和步数。
对于不支持CSS 3D transforms 、 transitions的浏览器，这里会提供一个回调的方法，也就是直接显示大页面，没有过渡的效果。
预览：http://xuanfengge.com/demo/201404/Pfold/
源码：https://github.com/xuanfeng/Pfold
最近玩的根本停下不下来的游戏-2048，今天终于闯关成功~ 就连2048的开发者都说自己还没达到2048的分数。
2048游戏源于IOS，现在安卓也有移植版本，该游戏借鉴了有名的手机游戏1024。
https://github.com/gabrielecirulli/2048
http://xuanfengge.com/demo/201403/2048
游戏的玩法很简单，在4×4的棋盘上，用方向键选择数字移动的方向，遇到相同的数字就会合并，每次移动会增加一个数字。合并出2048就算通关。虽然简单，但是很有乐趣，被誉为“根本停不下来的游戏”。 查看全文
Github访问下载不了样式，页面打不开？Npm安装node包无响应？试试以下解决方案
最近在安装一些node包，例如express、mongoose的时候，会出现下载不了的情况
|
1 2 |
npm install -g express npm http GET https://registry.npmjs.org/express |
页面一直显示如下截图
![[D3~COOXP5M[@0_O}1ZVU]D](http://cdn.xuanfengge.com/wp-content/uploads/2014/03/D3COOXP5M@0_O1ZVUD.jpg){kind=small}
通过config命令：先运行以下命令，再安装node包即可
|
1 2 |
npm config set registry http://registry.cnpmjs.org npm install express |
cnpm方式安装：先安装cnpm，再利用cnpm安装，例如express等
|
1 2 |
npm install -g cnpm --registry=http://r.cnpmjs.org cnpm install -g express |
编辑配置：编辑 ~/.npmrc 加入下面内容
|
1 |
registry = http://registry.cnpmjs.org |
以上三种方案适用任意一种都可以，其中第一和第三方案是一样的。
cnpm官网：http://cnpmjs.org/ cnpm是npm的国内镜像
NPM和CNPM关系
最近在打开Github的时候，总是出现长时间页面空白，一直在loading。点击停止加载页面按钮，页面上会显示文字，但是无样式。
console会报错：
如 GET https://github.global.ssl.fastly.net/assets/github-337b621337a4eb1e816f9bb51b2443666e8f9849.css net::ERR_TIMED_OUT 查看全文