<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[summergreenhtml的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/summergreenhtml</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; summergreenhtml]]></copyright><item><title><![CDATA[Zepto picLazyLoad Plugin，图片懒加载的Zepto插件]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/50131955</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/50131955</guid><author>summergreenhtml</author><pubDate>Tue, 01 Dec 2015 17:08:47 +0800</pubDate><description><![CDATA[嗯，学着国外人起名字Zepto picLazyLoad Plugin确实看起来高大上，其实js代码没几句，而且我每次写js都捉襟见肘，泪奔～～～图片懒加载有很多js插件，非常著名的属jQuery的Lazy Load了。自己做手机项目上也需要图片懒加载，而且手机上的图片懒加载有两种：一种是普通img标签的，一种是div标签（或者其他标签）上加背景图片的。所以就练手写了个支持以上两种情况的Zepto小插]]></description><category></category></item><item><title><![CDATA[JS页面刷新：location.reload和location.replace区别]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/49205331</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/49205331</guid><author>summergreenhtml</author><pubDate>Sat, 17 Oct 2015 17:03:31 +0800</pubDate><description><![CDATA[reload 方法，该方法强迫浏览器刷新当前页面。  
语法： location.reload([bForceGet])  
参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用repl]]></description><category></category></item><item><title><![CDATA[javascript之document.cookie的使用总结]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/49094751</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/49094751</guid><author>summergreenhtml</author><pubDate>Tue, 13 Oct 2015 10:16:00 +0800</pubDate><description><![CDATA[“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息，这些文件就称为 Cookie。”—— MSIE 帮助。一般来说，Cookies 是 CGI 或类似，比 HTML 高级的文件、程序等创建的，但是 javascript 也提供了对 Cookies 的很全面的访问权利。 
      每个 Cookie 都是这样的：]]></description><category></category></item><item><title><![CDATA[CSS浏览器兼容性问题]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48581931</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48581931</guid><author>summergreenhtml</author><pubDate>Sat, 19 Sep 2015 22:40:40 +0800</pubDate><description><![CDATA[兼容性处理要点  
1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertical-ali]]></description><category></category></item><item><title><![CDATA[MINE TYPE]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48553853</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48553853</guid><author>summergreenhtml</author><pubDate>Fri, 18 Sep 2015 21:34:38 +0800</pubDate><description><![CDATA[一、首先，我们要了解浏览器是如何处理内容的。在浏览器中显示的内容有 HTML、有 XML、有 GIF、还有 Flash ……那么，浏览器是如何区分它们，决定什么内容用什么形式来显示呢？答案是 MIME Type，也就是该资源的媒体类型。媒体类型通常是通过 HTTP 协议，由 Web 服务器告知浏览器的，更准确地说，是通过 Content-Type 来表示的，例如:Content-Type: text]]></description><category></category></item><item><title><![CDATA[event.x,event.clientX,event.offsetX区别]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48545055</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48545055</guid><author>summergreenhtml</author><pubDate>Fri, 18 Sep 2015 12:54:04 +0800</pubDate><description><![CDATA[event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件的事件处理中经常用到，比如键盘活动、鼠标活动等等，其中有几个对象官方说的比较模糊，很难理解，这里有必要通俗化的理解一下。 概念（不是官方，来源于网络）：
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。  
clientY 设置或获取鼠标指针位置相]]></description><category></category></item><item><title><![CDATA[JavaScript学习点滴 call、apply的区别]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48522185</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48522185</guid><author>summergreenhtml</author><pubDate>Thu, 17 Sep 2015 15:12:03 +0800</pubDate><description><![CDATA[1、call  
call 方法  
调用一个对象的一个方法，以另一个对象替换当前对象。  
call([thisObj[,arg1[, arg2[, [,.argN]]]]])  
参数  
thisObj  
可选项。将被用作当前对象的对象。  
arg1, arg2, , argN  
可选项。将被传递方法参数序列。  
说明  
call 方法可以用来代替另一个对象调用一个方法。call 方]]></description><category></category></item><item><title><![CDATA[javascript的同源策略]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48520571</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48520571</guid><author>summergreenhtml</author><pubDate>Thu, 17 Sep 2015 13:07:06 +0800</pubDate><description><![CDATA[同源策略限制了一个源（origin）中加载文本或脚本与来自其它源（origin）中资源的交互方式。 
同源定义 
一.什么是同源策略 
　　 同源策略，它是由Netscape提出的一个著名的安全策略，现在所有的可支持javascript的浏览器都会使用这个策略。 
　　为什么需要同源策略，这里举个例子： 
　   假设现在没有同源策略，会发生什么事情呢？大家知道，JavaScript可以做很多东西，]]></description><category></category></item><item><title><![CDATA[ie7下z-index失效问题解决方法(详细分析)]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48493463</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48493463</guid><author>summergreenhtml</author><pubDate>Wed, 16 Sep 2015 14:20:54 +0800</pubDate><description><![CDATA[绝对定位元素的“有定位属性（relative或absolute）的父元素”在渲染层次时起到了主要作用，前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index
解决办法： 父级元素加上position:relative;并设置z-index. 
父级元素的z-index优先，其中包含的元素的z-index是相对于父级元素的index. 
 
 …(要在上层显示的内容） 
 
 
…]]></description><category></category></item><item><title><![CDATA[IE6 BUG的解决方法]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48493077</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48493077</guid><author>summergreenhtml</author><pubDate>Wed, 16 Sep 2015 13:57:38 +0800</pubDate><description><![CDATA[1、终极方法：条件注释缺点是在IE浏览器下可能会增加额外的HTTP请求数。2、CSS选择器区分IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。/* IE6 专用 */.content {color:red;}/* 其他浏览器 */div>p .content {color:blue;} –>3、PNG半透明图片的问题虽然可以通过JS等方式解决，但]]></description><category></category></item><item><title><![CDATA[CSS中！improtant的使用]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48492941</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48492941</guid><author>summergreenhtml</author><pubDate>Wed, 16 Sep 2015 13:49:51 +0800</pubDate><description><![CDATA[CSS的原理：我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。首先，先看下面一段代码： 
 
 
 
测试Css中的!Important区别  
  
 
.testClass{  
color:blue !important; 
} 
 
 
     
        测试Css中的Impor]]></description><category></category></item><item><title><![CDATA[css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48492823</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48492823</guid><author>summergreenhtml</author><pubDate>Wed, 16 Sep 2015 13:42:11 +0800</pubDate><description><![CDATA[通配选择符* { sRules } 类型选择符E { sRules } 
td { font-size:14px; width:120px; } 属性选择符  
E [ attr ] { sRules }  
E [ attr = value ] { sRules }  
E [ attr ~= value ] { sRules }  
E [ attr |= value ] { sRules }]]></description><category></category></item><item><title><![CDATA[HTML 5 Canvas]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48176617</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48176617</guid><author>summergreenhtml</author><pubDate>Wed, 02 Sep 2015 12:47:43 +0800</pubDate><description><![CDATA[画图的几个步骤。第一步：找个起点开始画图。—-beginPath;第二步 : 划线，画出自己想要的图像 。第三步：完成图形，关闭路径。 当然也可以什么都不做，就是画一个点或者一条线   —– closePath第四步：填颜色。哈哈，对不对啊，俺上小学，美术老师就是这么教的。好了，先随便画一个图形吧。—画一条线，(^__^) 嘻嘻……<script type="text/javascript">]]></description><category></category></item><item><title><![CDATA[javascript深入理解js闭包]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/48004429</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/48004429</guid><author>summergreenhtml</author><pubDate>Wed, 26 Aug 2015 15:45:31 +0800</pubDate><description><![CDATA[一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 　　var n=999;　　function f1(){ 
　　　　alert(n); 
　　}　　f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。 Js代码]]></description><category></category></item><item><title><![CDATA[JavaScript中typeof与instanceof的区别]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/47978009</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/47978009</guid><author>summergreenhtml</author><pubDate>Tue, 25 Aug 2015 15:35:46 +0800</pubDate><description><![CDATA[JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的： 
typeof 
typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。 
它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果： 
number,boolean,string,function,object,u]]></description><category></category></item><item><title><![CDATA[JQuery的扩展与noConflict]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/47834815</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/47834815</guid><author>summergreenhtml</author><pubDate>Fri, 21 Aug 2015 15:06:13 +0800</pubDate><description><![CDATA[noConflict:代替美元$符号(消除美元符号对JQ的缩写)代码如下HTML 部分：<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>扩展与noConflict</title>
    <script src="jquery-2.1.4.min.js"></script>
    <scri]]></description><category></category></item><item><title><![CDATA[JQuery  CSS操作及jQuery的盒子模型]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/47819371</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/47819371</guid><author>summergreenhtml</author><pubDate>Thu, 20 Aug 2015 23:39:48 +0800</pubDate><description><![CDATA[PS  :height是指内容的高度 不包含padding margin… 
       innerheight 包含element+padding代码如下：HTML部分：<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>CSS操作及jQuery的盒子模型</title>
    <scrip]]></description><category></category></item><item><title><![CDATA[JQuery  效果之隐藏与显示、淡入淡出、滑动、回调]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/47816403</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/47816403</guid><author>summergreenhtml</author><pubDate>Thu, 20 Aug 2015 21:37:09 +0800</pubDate><description><![CDATA[1、隐藏 
hide(); 
show(); 
toggle();2、淡入淡出 
slideDown(); 
slideUp(); 
slideToggle();3、回调（当动画完成后调用）代码如下：HTML 部分：<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>隐藏与显示、淡入淡出、滑动、回]]></description><category></category></item><item><title><![CDATA[JQuery HTML之捕获、设置、元素添加、元素删除]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/47809629</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/47809629</guid><author>summergreenhtml</author><pubDate>Thu, 20 Aug 2015 16:25:48 +0800</pubDate><description><![CDATA[1、HTML元素捕获  （内容、属性） 
text(); 
html(); 
var();2、HTML元素设置（对内容进行操作） 
attr();3、HTML 元素添加 
append(); 
prepend(); 
after(); 
before(); 
定义函数 给body添加元素4  元素删除 
remove(); 全部删除 
empty();删除其中子元素全部代码如下， 
PS：因为是测试]]></description><category></category></item><item><title><![CDATA[API 简单理解]]></title><link>https://blog.youkuaiyun.com/summergreenhtml/article/details/47807035</link><guid>https://blog.youkuaiyun.com/summergreenhtml/article/details/47807035</guid><author>summergreenhtml</author><pubDate>Thu, 20 Aug 2015 14:05:54 +0800</pubDate><description><![CDATA[作为一个编程初学者来说，API函数也许是一个时常耳闻却感觉有些神秘的东西。单看它的复杂语法，就足令人望而生畏，但是任何事物在我们深入了解它之前，总是会有这种感觉的。我们这篇API入门教程的目的，就是要把API函数的来龙去脉告诉大家，破除对API函数的畏惧，使它成为我们编程的好助手。 大家可能在许多书上看到过API的英文全称(Application Programming Interface)，WIN]]></description><category></category></item></channel></rss>