这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好，他说你傻逼啊，当然是按资源划分。

 《=》

CSS 类名总是作用在同一的全局作用域里面。

任何一个跟 CSS 有长时间打交道的开发者，都不得不接受 CSS 那具有侵略性的全局特性，明显地这是一种文档流时代的设计模型。而对于今天现代 web 应用，更应该积极提出一种更健全的样式环境。

每一个 CSS 类名都有可能与其它元素产生的意想不到副作用，又或者产生冲突。更令人吃惊的是，我们的 class 的效果可能在全局作用域的互相影响下（原文这里比喻为全局唯一性战争），最终在页面上产生很少的效果或者根本没有效果。

任何时候我们改变一个 CSS 文件，我们都需要小心翼翼地考虑全局环境是否产生冲突。没有其他前端技术是需要如此之多的规范和约束，而这仅仅是为了保持最低级别的可维护性。

现在前端圈子最热的莫过于 ReactNative。以 Web 的开发方式来开发 Native，并且仗这 facebook 这个国际互联网公司做保证，这种革命性的产品都让前端 coder 和客户端 coder 都炸开了。本文打算以 ReactNative 的 Text 标签的角度，这个最基本的标签，来带你跨入入 ReactNative 的世界的第一步。

What's AlloyStick

AlloyStick 是一款专为 HTML5 开发的 2D 骨骼动画引擎。可以用于 HTML5 动画开发、HTML5 游戏开发。AlloyStick 主要由骨骼动画引擎和骨骼动画编辑器两部分组成。骨骼动画编辑器提供强大的骨骼动画编辑功能，拖拽骨骼组合角色，通过设置动画关键帧，输出动画数据。js 动画库根据输出数据，依靠强大的自动补间和骨骼关系，就可以制作出逼真、生动的 Canvas 骨骼动画，可以畅快的运行在 PC、手机、平板等设备里。

上篇博客链接：视差滚动的爱情故事

大家好，想起以前有家伙想给我起个花名，叫伟哥。这种跟人类生殖器官有关系的花名，怎么能让它伴随我英明的一生呢！看我不抽死那。。。。。哦，不对，看我不说服那个家伙改口，最后他在我 185 魁梧的身材，俊朗的五官的威严下改口了，只不过那天手掌略疼略疼而已。上一篇博客知道，我的女神居然有男朋友了，很明显这是上天给予我的挑战，然后故事就会像狗血韩剧那样发展，我成为了男二号，女神女主角因为得了癌症，男一号假以远赴外国寻医实则东莞被捕，就这样在女神身边消失了，而身为男二号的我会不离不弃地守护这女神，终于女神在我的爱情滋润下战胜病魔，重获新生，男二号和女神走在一起，哈哈哈哈哈哈啊啊啊哈哈，故事一定是这样。什么？你说韩剧后面还有男一号回来跟女神重拾旧爱的剧情？韩剧一般看到这里我就不看的。

。。。。。。好吧我承认，我没有成为什么男二号，而是成为一名（diao si）备胎

故事说起在一个冰冷幽暗的夜晚上，我正思考的十分重要的人生问题，这周末该去那里 happy 好呢？是宅在家里好呢，或者宅在家里好呢，还是宅在家里好呢？这时，万年隐身的 QQ 竟然浮起浅色聊天框，我去！不得了，居然是女神主动联系我，女神一定是因为我俊朗的五官，185 的模特身材而深深地迷恋上我了，呵呵呵呵呵呵。

基本介绍

mocha 是一个 javascript 的测试框架，chai 是一个断言库，两者搭配使用更佳，所以合称 “抹茶”（其实 mocha 是咖啡）。“抹茶” 特点是： 简单，Hour 级学习成本，node 和浏览器都可运行，有趣。

关于吹水，充字数的内容我放到了 blog 最后，因为 “抹茶” 上手非常的简单，看完 blog 再阅览一下官网就可以实际动手敲代码了，不足一个小时就可以基本掌握他们了。

Minren 哥前面已经写了一些关于这方面的 blog 了，大家也可以在团队 blog 里面参考。

http://www.alloyteam.com/2012/10/the-css3-transform-perspective-property/

介于只是介绍 perspective，没有对 css 3d transform 其他部分属性介绍说明，下面是我个人对 css3 3D 的一些个人见解，大神们莫喷。那些 rotateX 啊，scaleY 啊这些大家都能够立刻明白的我就不过多的解析了。主要有几个属性大家可能比较少用或没有理解透的为这部分的主要内容。