<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[on the road的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_34387948</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_34387948]]></copyright><item><title><![CDATA[js运行机制]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/78318298</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/78318298</guid><author>qq_34387948</author><pubDate>Mon, 23 Oct 2017 14:12:45 +0800</pubDate><description><![CDATA[JS只有一个主线程，主线程执行完执行栈的任务后去检查异步的任务队列，如果异步事件触发，则将其加到主线程的执行栈。
1.js单线程
同一时间只能做一件事情。原因是与它的用途有关。比如：如果此时同时有两个线程，一个线程在节点上添加内容，一个线程是删除内容，浏览器不知道以哪个线程为准，避免复杂性，所以js就是单线程。

2.任务队列
所有任务分为两种：同步任务和异步任务
同步任务指的是在主线]]></description><category></category></item><item><title><![CDATA[js原型链]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/78295580</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/78295580</guid><author>qq_34387948</author><pubDate>Fri, 20 Oct 2017 15:04:20 +0800</pubDate><description><![CDATA[1、prototype和__proto__的区别
 prototype是函数才有的属性，
在js中，对象在调用一个方法时，会首先在自身寻找是否由该方法，如果没有，则在原型链上寻找，这个原型链就是实例对象的_proto_属性。
对于实例person而言，其内部有一个原型链指针proto,该指针指向了Person.prototype指向的对象。_proto_是每个对象都有的属性
2、什么是原型]]></description><category></category></item><item><title><![CDATA[js创建对象几种方式]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/78294874</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/78294874</guid><author>qq_34387948</author><pubDate>Fri, 20 Oct 2017 14:16:47 +0800</pubDate><description><![CDATA[1.通过字面量方式创建
方法：将成员信息写到{}中，并且赋值给一个变量。此时的这个变量就是一个对象
例如：var person={
name:'jack',
sex:'girl',
job:function(){}
}
 person.job();
2.通过构造函数创建
方法：var person=new 函数名();
通过该方法创建对象时，会自动执行该构造函数
例如：
f]]></description><category></category></item><item><title><![CDATA[js操作 cookie]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53841143</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53841143</guid><author>qq_34387948</author><pubDate>Fri, 23 Dec 2016 16:09:01 +0800</pubDate><description><![CDATA[http://www.jb51.net/article/64330.htm


http://www.cnblogs.com/fishtreeyu/archive/2011/10/06/2200280.html]]></description><category></category></item><item><title><![CDATA[本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53841133</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53841133</guid><author>qq_34387948</author><pubDate>Fri, 23 Dec 2016 16:08:21 +0800</pubDate><description><![CDATA[http://blog.youkuaiyun.com/lwenn/article/details/50469382
本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效]]></description><category></category></item><item><title><![CDATA[利用HTML和CSS实现常见的布局]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53410141</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53410141</guid><author>qq_34387948</author><pubDate>Wed, 30 Nov 2016 16:42:53 +0800</pubDate><description><![CDATA[https://segmentfault.com/a/1190000003931851]]></description><category></category></item><item><title><![CDATA[JavaScript事件绑定和普通事件区别]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53393340</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53393340</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 15:29:56 +0800</pubDate><description><![CDATA[区别：普通事件只支持单个事件，而事件绑定可以添加多个事件



button



var btn=document.getElementById("btn");
btn.onclick=function(){
	alert("1普通事件");
}
btn.onclick=function(){
	alert("2普通事件");
}

btn.addEventListener("click",f]]></description><category></category></item><item><title><![CDATA[HTML语义化的理解]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53391042</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53391042</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 11:49:05 +0800</pubDate><description><![CDATA[http://sanwen8.cn/p/12emwCB.html

http://www.5icool.org/a/201006/537_4.html]]></description><category></category></item><item><title><![CDATA[css hack]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53390603</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53390603</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 11:21:29 +0800</pubDate><description><![CDATA[1、什么是CSS hack?
CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的，比如.kwstu{width:300px;_width:200px;}，一般浏览器会先给元素使用width:300px;的样式，紧接着后面还有个_width:200p]]></description><category></category></item><item><title><![CDATA[CSS清除浮动的方法优缺点分析]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53390451</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53390451</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 11:12:43 +0800</pubDate><description><![CDATA[8种CSS清除浮动的方法优缺点分析

为什么清除CSS浮动这么难？
因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。
而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。
解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。
我根据自己的经验总结8种清除浮动的方法（测试已通过 ie c]]></description><category></category></item><item><title><![CDATA[清除浮动]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53390431</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53390431</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 11:11:39 +0800</pubDate><description><![CDATA[摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？
    一、抛一块问题砖（display： block）先看现象：

    分析HTML代码结构：
div class="outer">
    div class="div1">1div>
    div class="div2">2div>
    div class="div3">3div>
div>]]></description><category></category></item><item><title><![CDATA[清除浮动]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53390079</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53390079</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 10:52:46 +0800</pubDate><description><![CDATA[清除浮动以前效果图：父元素没有被撑开


清除浮动以后效果图：父元素被撑开了：

原有代码结构如下：
 
   .div1{background:#000080;border:1px solid red;}
   .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}
   
   .lef]]></description><category></category></item><item><title><![CDATA[兼容性问题-文字本身大小不兼容]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53389537</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53389537</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 10:11:50 +0800</pubDate><description><![CDATA[描述：同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。如下图：


代码：

chrome

解决办法：给文字设定 line-height 。确保所有文字都有默认的 line-height 值

chrome
三个浏览器效果如下：]]></description><category></category></item><item><title><![CDATA[浏览器兼容性问题-IE6双倍边距]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53389235</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53389235</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 09:55:10 +0800</pubDate><description><![CDATA[IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。
 
 


ie6下显示：

ie8及以上显示：

可以看出左边距在IE6下面明显比IE8下面的大，在ie6下面的左边距变成了20px，而不是设置的10px。 

解决办法：
IE6双倍边距一招搞定：将有float属性的元素添加display:inline属性]]></description><category></category></item><item><title><![CDATA[CSS选择器]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53388932</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53388932</guid><author>qq_34387948</author><pubDate>Tue, 29 Nov 2016 09:19:16 +0800</pubDate><description><![CDATA[CSS的选择器



最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；
css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。

1.基础的选择器




选择器


含义


示例




*


通用元素]]></description><category></category></item><item><title><![CDATA[页面布局-水平居中，垂直居中]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53375412</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53375412</guid><author>qq_34387948</author><pubDate>Mon, 28 Nov 2016 13:43:08 +0800</pubDate><description><![CDATA[一、没有设置之前效果及代码如下：



设置之后效果：


1、水平居中
1）inline-block + text-align


说明：只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏览器中，它是能对任何元素进行水平居中的
2）table+margin]]></description><category></category></item><item><title><![CDATA[html布局之 图片文字混排]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53305227</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53305227</guid><author>qq_34387948</author><pubDate>Wed, 23 Nov 2016 14:55:17 +0800</pubDate><description><![CDATA[1.ul li 中实现图片 文字混排 

a.效果如下：


b.实现代码如下
  
              引用
              打印
            
.opts-btn .icon-quote {
    background-position: 0 -5px;
}
.opts-btn li i {
    display: inline-block;
]]></description><category></category></item><item><title><![CDATA[页面布局 display:block inline inlineblock]]></title><link>https://blog.youkuaiyun.com/qq_34387948/article/details/53303064</link><guid>https://blog.youkuaiyun.com/qq_34387948/article/details/53303064</guid><author>qq_34387948</author><pubDate>Wed, 23 Nov 2016 14:26:04 +0800</pubDate><description><![CDATA[display有以下四个属性：block inline inlineblock none，他们的区别如下：





display



默认宽度


可设置宽高


起始位置


其他描述



block
父元素宽度
是
换行



inline
内容宽度
否
同行



inline-block
内容宽度
是]]></description><category></category></item></channel></rss>