<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[橘子小睿]]></title><description><![CDATA[Hello, World!]]></description><link>https://blog.youkuaiyun.com/reallyrui</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; reallyrui]]></copyright><item><title><![CDATA[BEM命名方式，书写更优质的HTML]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/47750533</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/47750533</guid><author>reallyrui</author><pubDate>Tue, 18 Aug 2015 13:20:31 +0800</pubDate><description><![CDATA[BEM是Block, Element, Modifier。
一种class的命名习惯。在这种CSS方法学中，一个block就是一个component的顶级抽象，例如一个button: .btn { }。这里的block应该被当作是一个parent，child
 items 或者elements, 可以被放在block里面，然后 用在block 名字的后面加两个下划线的方式来表明，例如：.btn]]></description><category></category></item><item><title><![CDATA[git命令大全]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/45923881</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/45923881</guid><author>reallyrui</author><pubDate>Sat, 23 May 2015 00:56:16 +0800</pubDate><description><![CDATA[Git 是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码，管理私人的文档和源代码也有很多优势。



Git常用操作命令：

1) 远程仓库相关命令

检出仓库：$ git clone git://github.com/jquery/jquery.git

查看远程仓库：$ git remote -v

添加远程仓库：$ git remote add ]]></description><category></category></item><item><title><![CDATA[The React.js Way系列之 通过使用 Immutable.js 的 Flux 建筑结构]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/45623225</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/45623225</guid><author>reallyrui</author><pubDate>Sun, 10 May 2015 18:30:08 +0800</pubDate><description><![CDATA[这篇文章是”The React.js Way”博客系列的第二部分。如果你对基本的东西不太熟悉，那么我强烈建议你阅读第一篇文章FunctionsThe
 React.js Way: Getting Started Tutorial。
在前一篇文章里面，我们讨论了virtual DOM的概念和怎样用component的方式去思考。现在是时候把它们结合到应用里面去了，然后想清楚这些组件应该怎样和彼此]]></description><category></category></item><item><title><![CDATA[The React.js Way: Getting Started Tutorial]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/45293135</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/45293135</guid><author>reallyrui</author><pubDate>Sun, 26 Apr 2015 23:53:25 +0800</pubDate><description><![CDATA[2015 4月14-15 JSConf 家族添加了个新成员JsConf Budapest,演讲者来自牛逼的公司，例如Spotify,Mozilla还有Essy.用RSTCK_BLOG的优惠券，用折扣价50欧元就可以获得一张票。
现在对React.js的欢迎程度正在疯狂的增长，也发生了许多有趣的事情，我的朋友大学同学都开始问我许多关于怎样学习Reat和怎样使用React的思想思考问题。]]></description><category></category></item><item><title><![CDATA[css实现多列高度自适应的方法]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/41750253</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/41750253</guid><author>reallyrui</author><pubDate>Fri, 05 Dec 2014 17:23:21 +0800</pubDate><description><![CDATA[你对CSS布局自适应高度解决方法是否了解，这里和大家分享一下，本文要介绍的方法是采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。

查看DEMO

CSS布局自适应高度解决方法

这是一个比较典型的三行二列布局，每列高度（事先并不能确定哪列的高度）的相同，是每个设计师追求的目标，按一般的做法，大多采用背景图填充、加JS脚本的方法使列的高度相同，本文要介]]></description><category></category></item><item><title><![CDATA[翻译：盘点8种CSS实现垂直居中水平居中的绝对定位居中技术]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/36000017</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/36000017</guid><author>reallyrui</author><pubDate>Mon, 30 Jun 2014 15:00:45 +0800</pubDate><description><![CDATA[Ⅰ.绝对定位居中(Absolute Centering)技术



我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:



[css] view
 plaincopy






.Absolute-Center {  
  margin: auto;  ]]></description><category></category></item><item><title><![CDATA[移动平台WEB前端开发技巧汇总]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/24799457</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/24799457</guid><author>reallyrui</author><pubDate>Wed, 30 Apr 2014 16:22:52 +0800</pubDate><description><![CDATA[您或许正在或准备参与一个WepApp项目，您或许正在Google搜索mobile development相关的文章，您或许是一名专业的WEB前端工程师，您或许想学习Mobile前端开发方面的技术，如果您被我说中了，呵呵那么这篇文章将为您带来意想不到的惊喜！当您看到这篇文章时，哥已经默认认为您是一名资深的WEB前端工程师，如果您不是，可能您会遇见许多不理解或听不懂的专业术语或前端技术（包括WEB、M]]></description><category></category></item><item><title><![CDATA[由js中一句return false引发出来的许多事]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/23439243</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/23439243</guid><author>reallyrui</author><pubDate>Fri, 11 Apr 2014 13:50:58 +0800</pubDate><description><![CDATA[在网上扒了一段代码，kan]]></description><category></category></item><item><title><![CDATA[display:inline-block终极解决方案]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/22881411</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/22881411</guid><author>reallyrui</author><pubDate>Thu, 03 Apr 2014 16:50:53 +0800</pubDate><description><![CDATA[IE6/IE7下对display:inline-block的支持性不好。
1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；
2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；]]></description><category></category></item><item><title><![CDATA[数组去重]]></title><link>https://blog.youkuaiyun.com/reallyrui/article/details/22876177</link><guid>https://blog.youkuaiyun.com/reallyrui/article/details/22876177</guid><author>reallyrui</author><pubDate>Thu, 03 Apr 2014 15:54:58 +0800</pubDate><description><![CDATA[Array.prototype.unique3 = function(){
        var res = [];
        var json = {};
        for(var i = 0; i < this.length; i++){
//            alert(this[i]);
            if(!json[this[i]]){
         ]]></description><category></category></item></channel></rss>