<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DeviL_MCry的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DeviL_MCry</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DeviL_MCry]]></copyright><item><title><![CDATA[css3h5中的结构伪类选择器]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/95365026</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/95365026</guid><author>DeviL_MCry</author><pubDate>Wed, 10 Jul 2019 22:11:04 +0800</pubDate><description><![CDATA[最近用的比较多,就总结一下
1.first-child和last-child
    &lt;ul&gt;
        &lt;li&gt;一&lt;/li&gt;
        &lt;li&gt;二&lt;/li&gt;
        &lt;li&gt;三&lt;/li&gt;
        &lt;li&gt;四&lt;/li&gt;
    &lt;/ul&gt;

//匹配到...]]></description><category></category></item><item><title><![CDATA[响应式布局媒体查询]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/95041398</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/95041398</guid><author>DeviL_MCry</author><pubDate>Mon, 08 Jul 2019 00:29:41 +0800</pubDate><description><![CDATA[媒体查询主要是对各种移动端设备的一个响应式兼容，可以在
@media only screen and (min-width: 屏幕宽度最小值) and (max-width: 屏幕宽度最大值){你所要兼容的模块}
中设置你想要的浏览器屏幕大小与浏览器中内容随浏览器的大小改变，来改变自己的整体布局。解决页面乱码问题。
但是我们在遇到不同的设备时我们也需要来设置不同的屏幕宽度，（注：屏幕的高度最好使用...]]></description><category></category></item><item><title><![CDATA[css中的background属性]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/94610595</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/94610595</guid><author>DeviL_MCry</author><pubDate>Thu, 04 Jul 2019 13:34:21 +0800</pubDate><description><![CDATA[一、background属性可以设置一个元素的背景样式，当然前提是这个元素有具体的宽高值。
先来一个简单的背景设置：
#show-box {
            width: 800px;
            height: 500px;
            background: #000;
            background-image: url(image url);
...]]></description><category></category></item><item><title><![CDATA[响应式布局与字体大小]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/94593570</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/94593570</guid><author>DeviL_MCry</author><pubDate>Thu, 04 Jul 2019 06:38:13 +0800</pubDate><description><![CDATA[原理：利用rem和js：
1.js设置html根节点的字体大小；
window宽度/每行多少个字
2、rem是参照html节点的
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;meta charset="utf8"&gt;
    &lt;script type="text/javascript" src="jq...]]></description><category></category></item><item><title><![CDATA[canvas的线性渐变和径向渐变]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93794663</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93794663</guid><author>DeviL_MCry</author><pubDate>Wed, 26 Jun 2019 23:23:46 +0800</pubDate><description><![CDATA[渐变是两种或多种颜色之间的平滑过渡。以前，必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。渐变又分为线性渐变和径向渐变两种。以下是css背景颜色渐变：线性渐变和径向渐变效果实际案例
一、线性渐变（linear-gradient）
实现线性渐变，...]]></description><category></category></item><item><title><![CDATA[选择标签方法querySelector和querySelectorAll]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93537832</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93537832</guid><author>DeviL_MCry</author><pubDate>Mon, 24 Jun 2019 23:01:10 +0800</pubDate><description><![CDATA[个人觉得querySelector 和 querySelectorAll 是DOM中超强的选择标签的方式，因为他们接受的参数是类CSS选择符的字符串。因此，感觉它们的功能远超传统的getElementById或者getElementsByTagName之类的，
它们的主要区别在于，querySelector  只找一个标签，querySelectorAll 是找多个标签。
举例说明：有如下HTML...]]></description><category></category></item><item><title><![CDATA[Jquery的inArray()方法]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93410810</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93410810</guid><author>DeviL_MCry</author><pubDate>Sun, 23 Jun 2019 21:47:54 +0800</pubDate><description><![CDATA[inArray的定义与用法:
$.inArray() 函数用于在数组中查找指定值，并返回它的索引值（如果没有找到，则返回-1）
$.inArray(value,array)    --value是要查找的值，array是被查找的数组。
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UT...]]></description><category></category></item><item><title><![CDATA[HTML5自定义标签使用]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93143830</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93143830</guid><author>DeviL_MCry</author><pubDate>Fri, 21 Jun 2019 00:26:24 +0800</pubDate><description><![CDATA[以前我们需要自定义属性的时候一般是这样做的，在标签里面加上我们自己设置的一些属性：
在标签里设置自定义属性
然后获取里面的值是使用getAttribute来获取自定义属性里面的值：
var myDiv = document.getElementById(“myDiv”);
var theValue = myDiv.getAttribute(“user-defined-attribute”);
现在...]]></description><category></category></item><item><title><![CDATA[HTML5自定义标签使用]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93143828</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/93143828</guid><author>DeviL_MCry</author><pubDate>Fri, 21 Jun 2019 00:26:23 +0800</pubDate><description><![CDATA[以前我们需要自定义属性的时候一般是这样做的，在标签里面加上我们自己设置的一些属性：
在标签里设置自定义属性
然后获取里面的值是使用getAttribute来获取自定义属性里面的值：
var myDiv = document.getElementById(“myDiv”);
var theValue = myDiv.getAttribute(“user-defined-attribute”);
现在...]]></description><category></category></item><item><title><![CDATA[css3伸缩布局之携程网案例]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/92729667</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/92729667</guid><author>DeviL_MCry</author><pubDate>Mon, 17 Jun 2019 22:19:05 +0800</pubDate><description><![CDATA[最近学习了css3的伸缩布局,就运用这个来写一个简单的案例
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        *{
            m...]]></description><category></category></item><item><title><![CDATA[jquery中innerWidth()，outerWidth()，outerWidth(true)和width()的区别]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/92441362</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/92441362</guid><author>DeviL_MCry</author><pubDate>Sun, 16 Jun 2019 23:32:24 +0800</pubDate><description><![CDATA[jquery中innerWidth()，outerWidth()，outerWidth(true)和width()的区别
var a = 元素本身的宽度；
width() = a；
innerWidth() = a+padding;
outerWidth() = a+padding+border;
outerWidth(true) = a+padding+border+margin;
在jQuer...]]></description><category></category></item><item><title><![CDATA[jquery的方法]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/91682497</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/91682497</guid><author>DeviL_MCry</author><pubDate>Thu, 13 Jun 2019 01:12:46 +0800</pubDate><description><![CDATA[1.操作样式
①css操作
//操作单个样式(name,value)
//设置多个样式(obj)
//获取样式(name)
②class操作
//addClass(name):添加类
//removeClass(name):移出类
//hasClass(name):判断类
//toggleClass(name):切换类
2.操作属性
①attr
//设置单个属性
//设置多个属性
//获取属性
②...]]></description><category></category></item><item><title><![CDATA[jquery实现点击增加和移除样式]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/91397845</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/91397845</guid><author>DeviL_MCry</author><pubDate>Mon, 10 Jun 2019 20:25:44 +0800</pubDate><description><![CDATA[用jquery实现增加和移除样式
代码如下
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        .box{
            width:...]]></description><category></category></item><item><title><![CDATA[字符串和正则相关的方法]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/91037964</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/91037964</guid><author>DeviL_MCry</author><pubDate>Thu, 06 Jun 2019 05:31:51 +0800</pubDate><description><![CDATA[这里介绍一下正则表达式的其他用法
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script&gt;
    //split
 ...]]></description><category></category></item><item><title><![CDATA[Js中的继承关系]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90744616</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90744616</guid><author>DeviL_MCry</author><pubDate>Sun, 02 Jun 2019 22:29:17 +0800</pubDate><description><![CDATA[继承是一种关系,父类与子类的继承关系,通过原型来实现继承,继承就是为了数据共享.
例子:
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
...]]></description><category></category></item><item><title><![CDATA[js实现键盘移动div]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90680817</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90680817</guid><author>DeviL_MCry</author><pubDate>Wed, 29 May 2019 23:47:01 +0800</pubDate><description><![CDATA[今天学到了几个新的指令,我们来利用这些指令来实现一个移动div的功能
onkeydown//键盘按下
onkeyup//键盘松开
keyCode//获取键盘按下的值
代码如下
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Titl...]]></description><category></category></item><item><title><![CDATA[用Js实现图片跟着鼠标移动]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90649424</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90649424</guid><author>DeviL_MCry</author><pubDate>Tue, 28 May 2019 23:46:05 +0800</pubDate><description><![CDATA[我们用js来写一个图片跟着鼠标移动的功能
详细代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        #img{
            po...]]></description><category></category></item><item><title><![CDATA[Js实现简单的表格内容添加]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90582755</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90582755</guid><author>DeviL_MCry</author><pubDate>Sun, 26 May 2019 23:45:18 +0800</pubDate><description><![CDATA[我们来用原装js来实现一个简单的表格内容添加
html代码
&lt;body&gt;
  &lt;table border="1" width="200" height="30" id="table"&gt;
      &lt;tbody id="tb"&gt;
          &lt;tr&gt;
              &lt;td&gt;青椒肉丝&lt;/td&gt;
      ...]]></description><category></category></item><item><title><![CDATA[关于location对象]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90525341</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90525341</guid><author>DeviL_MCry</author><pubDate>Sat, 25 May 2019 00:06:51 +0800</pubDate><description><![CDATA[location对象是window对象下的一个属性,有时候可以省略window对象
location可以获取或者设置浏览器地址栏的URL
//location对象:地址栏对象,也属于window
console.log(window.location);
//获取地址栏上#及后面的内容
console.log(location.hash);
//主机名和端口号
console.log(locati...]]></description><category></category></item><item><title><![CDATA[用js实现一个随机点名]]></title><link>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90492313</link><guid>https://blog.youkuaiyun.com/DeviL_MCry/article/details/90492313</guid><author>DeviL_MCry</author><pubDate>Fri, 24 May 2019 00:23:39 +0800</pubDate><description><![CDATA[html代码
&lt;h1&gt;随机点名系统&lt;/h1&gt;
&lt;div id="time"&gt;&lt;/div&gt;
&lt;div id="box"&gt;
    &lt;ul&gt;
        &lt;li&gt;张三&lt;/li&gt;
        &lt;li&gt;李四&lt;/li&gt;
        &lt;li&gt;王五&lt;/li&gt;...]]></description><category></category></item></channel></rss>