<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[和上帝躲猫猫]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/helloliuhai</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; helloliuhai]]></copyright><item><title><![CDATA[去除chrome浏览器自动添加的默认样式]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/51085706</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/51085706</guid><author>helloliuhai</author><pubDate>Thu, 07 Apr 2016 14:37:45 +0800</pubDate><description><![CDATA[chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：
input:-webkit-autofill {
background-color: #FAFFBD;
background-image: none;
color: #000;
}


看到这]]></description><category></category></item><item><title><![CDATA[input元素相对父级元素错位了？IE7]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/50495785</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/50495785</guid><author>helloliuhai</author><pubDate>Mon, 11 Jan 2016 11:16:32 +0800</pubDate><description><![CDATA[先看代码：
    
        
    


期望结果：

div1距离左边边距100px，div2中的input距离div1的左边距离为0 IE6、7表现异常：

div2中的input距离div1的左边距离为100px，也就是说继承了父级div1的margin-left

IE8、9，chrome，FF表现正常

原因：

产生这种错误的原因是因为当input仅]]></description><category></category></item><item><title><![CDATA[兼容浏览器的min-height和min-width]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/50484778</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/50484778</guid><author>helloliuhai</author><pubDate>Fri, 08 Jan 2016 18:41:07 +0800</pubDate><description><![CDATA[min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。

转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/

先说说min-height。这个看起来很容易。

看下面试例：

div style="border:5px solid #f00;min-height:200px;width:300px;]]></description><category></category></item><item><title><![CDATA[浅谈inline-block及解决空白间距]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/50484758</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/50484758</guid><author>helloliuhai</author><pubDate>Fri, 08 Jan 2016 18:37:42 +0800</pubDate><description><![CDATA[如今有很多网站都用上了 inline-block 属性，比如 {display:inline-block; *display:inline; *zoom:1}，以上 css 代码随处可见。很多人看见 *display:inline; *zoom:1 就下意识的认为：哦，原来 inline-block 这个属性 ie6 和 ie7 不支持。那么 ie6,7 真的不支持 display:inline-]]></description><category></category></item><item><title><![CDATA[Windows下安装Grunt的指南和相关说明]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/47724377</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/47724377</guid><author>helloliuhai</author><pubDate>Mon, 17 Aug 2015 14:12:11 +0800</pubDate><description><![CDATA[Grunt基于Node.js，其中 npm 是 Node.js 的包管理器，而Grunt和Grunt插件就通过 npm 安装并管理。

Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。

安装Node.js：
去Node.js官网，点击INSTALL下载并安装，现在的Node.js会自动安装npm。

安装完成之后，打开命令行，进行后续的操作（开始->输入C]]></description><category></category></item><item><title><![CDATA[jquery 的focusin跟focusout方法的使用]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/43342155</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/43342155</guid><author>helloliuhai</author><pubDate>Sat, 31 Jan 2015 17:01:20 +0800</pubDate><description><![CDATA[jquery 的focusin和focusout方法的使用

focusin(fn)

概述
在每一个匹配元素的focusin事件中绑定一个处理函数。

当一个元素，或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

参数
fnFunction在每一个匹配元素的focusin事件中绑定的处理函数。

]]></description><category></category></item><item><title><![CDATA[目前比较全的CSS重设(reset)方法总结]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/43233147</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/43233147</guid><author>helloliuhai</author><pubDate>Wed, 28 Jan 2015 17:05:04 +0800</pubDate><description><![CDATA[在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不同的解释和呈现。

　　当今流行的浏览器(如:Firefox、O]]></description><category></category></item><item><title><![CDATA[CSS3的calc()使用]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/43231441</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/43231441</guid><author>helloliuhai</author><pubDate>Wed, 28 Jan 2015 15:36:07 +0800</pubDate><description><![CDATA[平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来说，如果你的元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都将会把元素盒子撑破（标准模式下，除IE怪异]]></description><category></category></item><item><title><![CDATA[javasciript 字符串方法整理]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/42747405</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/42747405</guid><author>helloliuhai</author><pubDate>Thu, 15 Jan 2015 20:42:12 +0800</pubDate><description><![CDATA[JS自带函数
concat
将两个或多个字符的文本组合起来，返回一个新的字符串。
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
indexOf
返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。
var index1 =]]></description><category></category></item><item><title><![CDATA[http 错误代码表]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/40088521</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/40088521</guid><author>helloliuhai</author><pubDate>Tue, 14 Oct 2014 23:10:00 +0800</pubDate><description><![CDATA[所有 HTTP 状态代码及其定义。 
　代码  指示  
2xx  成功  
200  正常；请求已完成。  
201  正常；紧接 POST 命令。  
202  正常；已接受用于处理，但处理尚未完成。  
203  正常；部分信息 — 返回的信息只是一部分。  
204  正常；无响应 — 已接收请求，但不存在要回送的信息。  
3xx  重定向  
301  已移动 — 请]]></description><category></category></item><item><title><![CDATA[移动对meta的定义]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/40042509</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/40042509</guid><author>helloliuhai</author><pubDate>Mon, 13 Oct 2014 11:56:02 +0800</pubDate><description><![CDATA[以下是meta每个属性详解

尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。

一、   //编码

META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 

用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以]]></description><category></category></item><item><title><![CDATA[CSS3知识整理——（一）]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39665937</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39665937</guid><author>helloliuhai</author><pubDate>Mon, 29 Sep 2014 10:06:34 +0800</pubDate><description><![CDATA[Css3 选择器 --属性选择器(1)]]></description><category></category></item><item><title><![CDATA[HTML5基础知识整理（二）—— 新特性]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39524569</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39524569</guid><author>helloliuhai</author><pubDate>Wed, 24 Sep 2014 17:59:30 +0800</pubDate><description><![CDATA[HTML5新特性的浏览器支持情况
http://www.caniuse.com/#index]]></description><category></category></item><item><title><![CDATA[总结XSS与CSRF两种跨站攻击]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39504609</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39504609</guid><author>helloliuhai</author><pubDate>Tue, 23 Sep 2014 21:43:33 +0800</pubDate><description><![CDATA[XSS：跨站脚本（Cross-site scripting

CSRF：跨站请求伪造（Cross-site request forgery）

 

在那个年代，大家一般用拼接字符串的方式来构造动态SQL 语句创建应用，于是SQL 注入成了很流行的攻击方式。在这个年代，参数化查询已经成了普及用法，我们已经离SQL 注入很远了。但是，历史同样悠久的XSS 和CSRF 却没有远离我们。由于]]></description><category></category></item><item><title><![CDATA[iframe跨域问题]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39498953</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39498953</guid><author>helloliuhai</author><pubDate>Tue, 23 Sep 2014 15:18:45 +0800</pubDate><description><![CDATA[postMessage对象]]></description><category></category></item><item><title><![CDATA[oninput事件、onchange事件和onpropertychange事件]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39498623</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39498623</guid><author>helloliuhai</author><pubDate>Tue, 23 Sep 2014 15:01:50 +0800</pubDate><description><![CDATA[1、onchange事件与onpropertychange事件的区别：
onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件IE专有。
2、oninput事件与onpropertychange事件的区别：
oninput事件是IE之外的大多数浏览器支]]></description><category></category></item><item><title><![CDATA[HTML5基础知识整理（一）—— 新增标签和属性]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39396377</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39396377</guid><author>helloliuhai</author><pubDate>Fri, 19 Sep 2014 15:28:49 +0800</pubDate><description><![CDATA[HTML5新特性的浏览器支持情况
http://www.caniuse.com/#index]]></description><category></category></item><item><title><![CDATA[github本地如何上传代码]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39373409</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39373409</guid><author>helloliuhai</author><pubDate>Thu, 18 Sep 2014 16:00:31 +0800</pubDate><description><![CDATA[注册GitHub后你就会有0.3G的免费空间，不过只能创建公开项目，这也满足代码分享的目的，我最喜欢的倒是它的代码展示方式，可以直接浏览你的代码，代码是经过高亮、添加行号处理过的，十分漂亮，体验一流，比如这个Webpy托管的地方。而作为想要了解你代码的人，可以选择直接在线浏览自己感兴趣的，也可以直接下载压缩包，或者直接使用Git clone到本地。因为GitHub是基于Git版本控制系统，所以你上]]></description><category></category></item><item><title><![CDATA[移动Web——CSS为Retina屏幕替换图片]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39313525</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39313525</guid><author>helloliuhai</author><pubDate>Tue, 16 Sep 2014 10:16:38 +0800</pubDate><description><![CDATA[特别声明：此篇文章根据Stéphanie Walter的英文文章《The
 Mobile Web: CSS Image Replacement for Retina Display Devices》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.noupe.com/design/the-mobile-web]]></description><category></category></item><item><title><![CDATA[iPads和iPones的Media Queries]]></title><link>https://blog.youkuaiyun.com/helloliuhai/article/details/39294863</link><guid>https://blog.youkuaiyun.com/helloliuhai/article/details/39294863</guid><author>helloliuhai</author><pubDate>Mon, 15 Sep 2014 17:00:37 +0800</pubDate><description><![CDATA[CSS3 Media Queries是一个强大的媒体查询功能，他的出现使用我们的站点可以随着不同的设备展现出不同的样多风格。紧随着Responsive设计的出现，Media
 Queries的功能是越来越得到前端人员的亲眯。

我也不另外，跟着这股时尚流行风，从接触到学习，紧接的到应用，对这个属性有了基本上的了解和实战经验。为了大家方便使用Media Queries，W3cplus通过互联网]]></description><category></category></item></channel></rss>