<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Mrcxt的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Mrcxt</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Mrcxt]]></copyright><item><title><![CDATA[解决display无法使用transfrom过渡效果]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52225570</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52225570</guid><author>Mrcxt</author><pubDate>Tue, 16 Aug 2016 22:15:15 +0800</pubDate><description><![CDATA[如 demo （如果没有显示，请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/）所示，基本的效果是在点击“Translate”按钮后，蓝色区域透明度变为0，然后隐藏display:none；点击Reset按钮后，首先显示蓝色区域display:block，然后透明度逐渐恢复至1，代码如下：
 1 var btn1 = $("#testbtn1");
 ]]></description><category></category></item><item><title><![CDATA[CSS实现绝对定位居中]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52225363</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52225363</guid><author>Mrcxt</author><pubDate>Tue, 16 Aug 2016 21:45:09 +0800</pubDate><description><![CDATA[我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:
.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
我不是这种实现方法的第一人，可]]></description><category></category></item><item><title><![CDATA[详解JS运算符]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52155895</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52155895</guid><author>Mrcxt</author><pubDate>Mon, 08 Aug 2016 21:36:15 +0800</pubDate><description><![CDATA[加法运算符
如果算术运算的值不是数值，那么js后台会先使用Number()转型函数将其转换为数值：
var num = 1 + NaN;//NaN,只要有一个NaNny就为NaN
var num = 10 + '10';//1010,'+'为字符串连接符，有字符串就不是加法
var box = '你的岁数是：'+10+10;//你的岁数是：1010，被转换成字符串
var box = ']]></description><category></category></item><item><title><![CDATA[JS中defer和async的区别]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52155489</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52155489</guid><author>Mrcxt</author><pubDate>Mon, 08 Aug 2016 20:59:11 +0800</pubDate><description><![CDATA[先来试个一句话解释仨，当浏览器碰到 script 脚本的时候：

 	

没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。
 	

有 async，加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。
 	

有 ]]></description><category></category></item><item><title><![CDATA[JS中设置数组长度的意义是什么]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52155226</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52155226</guid><author>Mrcxt</author><pubDate>Mon, 08 Aug 2016 20:29:28 +0800</pubDate><description><![CDATA[问题描述
大家都知道，js中的数组长度是可变的，也就是说，即使你设置了初始长度，超出长度之外的值依旧可以显示，而且js中的数组在定义的时候可以不设置长度，那么，问题来了，数组设置长度的意义是什么，定义数组的时候需要设置长度吗？
问题解答
如果设置了数组长度，那么代码在执行的时候会在初始时就给数组分配一个空间，以后的每次给数组赋值就会更加快捷。（因为如果没有指定数组的长度，代码在每次执行赋值的]]></description><category></category></item><item><title><![CDATA[为什么原生JS可以直接使用ID名称来获取元素]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52155171</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52155171</guid><author>Mrcxt</author><pubDate>Mon, 08 Aug 2016 20:22:53 +0800</pubDate><description><![CDATA[疑惑，原生JS中可以直接使用ID名称来获取元素，而不用使用getElementById()方法？
问题描述
在js中可以这么使用：

（id名称）.style.display="inline';

而不是使用：

document.getElementById('id名称').style.display="inline";

就像我在下面使用的一样，js不会报错而且还能准确执行]]></description><category></category></item><item><title><![CDATA[flex布局模式自我理解]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52123471</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52123471</guid><author>Mrcxt</author><pubDate>Thu, 04 Aug 2016 21:47:50 +0800</pubDate><description><![CDATA[Flexbox，一种CSS3的布局模式，也叫做弹性盒子模型，用来为盒装模型提供最大的灵活性。首先举一个栗子，之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下，对居中元素绝对百分比定位，然后通过margin偏移的方式来实现。









1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17]]></description><category></category></item><item><title><![CDATA[教你用css3实现心形]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52108484</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52108484</guid><author>Mrcxt</author><pubDate>Wed, 03 Aug 2016 23:02:38 +0800</pubDate><description><![CDATA[首先,添加一个 元素作为我们的心形状的基础。

然后，我们创建宽度和高度。
.heart-shape{
 position: relative;
 width: 200px;
 height: 200px;
 background-color: rgba(250,184,66, 0.8);
 }
我们将利用伪元素before和 :after。第一次设置 :before伪元素作为我]]></description><category></category></item><item><title><![CDATA[CSS秘密：垂直居中]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52047912</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52047912</guid><author>Mrcxt</author><pubDate>Wed, 27 Jul 2016 17:52:26 +0800</pubDate><description><![CDATA[问题
44年前我们把人送上月球，但在CSS中我们仍然不能很好实现垂直居中——@James Anderson
让一个元素水平居中对于CSS来说非常简单：如果是一个内联元素，我们可以在他的父元素上设置text-align:center;；如果是一个块元素，我们可以使用margin:auto;。然而，只要一想到让一个元素垂直居中，让人死的心都有了。

多年来，垂直居中已成为CSS的不朽神话，也是]]></description><category></category></item><item><title><![CDATA[line-height 和 vertical-align 行高与行对齐精解 （图文）]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52039428</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52039428</guid><author>Mrcxt</author><pubDate>Tue, 26 Jul 2016 20:40:57 +0800</pubDate><description><![CDATA[line-height 和 vertical-align 行高与行对齐精解 （图文） _CSS教程_CSS_网页制作_脚本之家// <![CDATA[
var tougao="1";var downlm="art";
(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=windo]]></description><category></category></item><item><title><![CDATA[css常用命名]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52039119</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52039119</guid><author>Mrcxt</author><pubDate>Tue, 26 Jul 2016 20:03:34 +0800</pubDate><description><![CDATA[常用的CSS命名
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体佈局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：downloa]]></description><category></category></item><item><title><![CDATA[替换元素和非替换元素的学习]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52038996</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52038996</guid><author>Mrcxt</author><pubDate>Tue, 26 Jul 2016 19:49:35 +0800</pubDate><description><![CDATA[引言
元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box,也翻译为“盒子”）。但是不同的元素显示的方式会有所不同，例如div和span不同，而strong和p也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。而根据元素本身的特点可以分为替换元素（replaced element）和非替换元素，非替换元素，在W3C]]></description><category></category></item><item><title><![CDATA[深入理解BFC和Margin Collapse]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52038985</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52038985</guid><author>Mrcxt</author><pubDate>Tue, 26 Jul 2016 19:48:35 +0800</pubDate><description><![CDATA[BFC的理解与应用
首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。
什么是BFC（Block formatting contexts）
w3c规范中的BFC定义：
浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, tab]]></description><category></category></item><item><title><![CDATA[CSS+DIV定位分析(relative,absolute,static,fixed)]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52038973</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52038973</guid><author>Mrcxt</author><pubDate>Tue, 26 Jul 2016 19:46:46 +0800</pubDate><description><![CDATA[在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：

先看下各个属性值的定义：

1、static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明]]></description><category></category></item><item><title><![CDATA[总结CSS Sprites优缺点]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52038948</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52038948</guid><author>Mrcxt</author><pubDate>Tue, 26 Jul 2016 19:43:54 +0800</pubDate><description><![CDATA[CSS Sprites 简介：

通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着Web设计向着精致、 巧妙的方]]></description><category></category></item><item><title><![CDATA[什么鬼，又不知道怎么命名class了]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52038884</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52038884</guid><author>Mrcxt</author><pubDate>Tue, 26 Jul 2016 19:36:51 +0800</pubDate><description><![CDATA[（本文系来自腾讯imweb团队 结一大大 关于class命名的总结，获取结一授权转载，推荐点击左下角的阅读原文，原文地址：http://imweb.io/topic/5623c25734764b2c16769749 ）

相信写css的人都会遇到下面的问题：

 	糟糕，怎么命名这个class，好像不太贴切，要是冲突了怎么办，要不要设计成通用一点...
 	而改别人css代码的时候则会一]]></description><category></category></item><item><title><![CDATA[css选择器的权值与优先规则]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52024994</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52024994</guid><author>Mrcxt</author><pubDate>Mon, 25 Jul 2016 16:35:23 +0800</pubDate><description><![CDATA[前言在html设计当中，经常会遇到一个问题——如果对同一标签的相同属性设置了不同的值，那么哪一个值是有效值呢？答案就是权值高的覆盖掉权值的值，权值相同的采取就近原则。]]></description><category></category></item><item><title><![CDATA[CSS深入理解之margin]]></title><link>https://blog.youkuaiyun.com/Mrcxt/article/details/52020467</link><guid>https://blog.youkuaiyun.com/Mrcxt/article/details/52020467</guid><author>Mrcxt</author><pubDate>Mon, 25 Jul 2016 08:50:02 +0800</pubDate><description><![CDATA[前言margin是css中非常常用的一个属性，也是非常难掌握的，这里只是记下现在能理解的，之后在慢慢补充。]]></description><category></category></item></channel></rss>