qq_34387948-CSDN博客

原创 js运行机制

JS只有一个主线程，主线程执行完执行栈的任务后去检查异步的任务队列，如果异步事件触发，则将其加到主线程的执行栈。1.js单线程同一时间只能做一件事情。原因是与它的用途有关。比如：如果此时同时有两个线程，一个线程在节点上添加内容，一个线程是删除内容，浏览器不知道以哪个线程为准，避免复杂性，所以js就是单线程。2.任务队列所有任务分为两种：同步任务和异步任务同步任务指的是在主线

2017-10-23 14:12:45 914

原创 js原型链

1、prototype和__proto__的区别 prototype是函数才有的属性，在js中，对象在调用一个方法时，会首先在自身寻找是否由该方法，如果没有，则在原型链上寻找，这个原型链就是实例对象的_proto_属性。对于实例person而言，其内部有一个原型链指针proto,该指针指向了Person.prototype指向的对象。_proto_是每个对象都有的属性2、什么是原型

2017-10-20 15:04:20 275

原创 js创建对象几种方式

1.通过字面量方式创建方法：将成员信息写到{}中，并且赋值给一个变量。此时的这个变量就是一个对象例如：var person={name:'jack',sex:'girl',job:function(){}} person.job();2.通过构造函数创建方法：var person=new 函数名();通过该方法创建对象时，会自动执行该构造函数例如：f

2017-10-20 14:16:47 5076

转载 js操作 cookie

http://www.jb51.net/article/64330.htmhttp://www.cnblogs.com/fishtreeyu/archive/2011/10/06/2200280.html

2016-12-23 16:09:01 244

转载本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效

http://blog.csdn.net/lwenn/article/details/50469382本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效

2016-12-23 16:08:21 1306

原创利用HTML和CSS实现常见的布局

https://segmentfault.com/a/1190000003931851

2016-11-30 16:42:53 416

原创 JavaScript事件绑定和普通事件区别

区别：普通事件只支持单个事件，而事件绑定可以添加多个事件buttonvar btn=document.getElementById("btn");btn.onclick=function(){ alert("1普通事件");}btn.onclick=function(){ alert("2普通事件");}btn.addEventListener("click",f

2016-11-29 15:29:56 1177 1

转载 HTML语义化的理解

http://sanwen8.cn/p/12emwCB.htmlhttp://www.5icool.org/a/201006/537_4.html

2016-11-29 11:49:05 5707

转载 css hack

1、什么是CSS hack?CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的，比如.kwstu{width:300px;_width:200px;}，一般浏览器会先给元素使用width:300px;的样式，紧接着后面还有个_width:200p

2016-11-29 11:21:29 197

转载 CSS清除浮动的方法优缺点分析

8种CSS清除浮动的方法优缺点分析为什么清除CSS浮动这么难？因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种清除浮动的方法（测试已通过 ie c

2016-11-29 11:12:43 225

转载清除浮动

摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一、抛一块问题砖（display： block）先看现象：分析HTML代码结构：div class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3div>div>

2016-11-29 11:11:39 230

原创清除浮动

清除浮动以前效果图：父元素没有被撑开清除浮动以后效果图：父元素被撑开了：原有代码结构如下： .div1{background:#000080;border:1px solid red;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .lef

2016-11-29 10:52:46 223

原创兼容性问题-文字本身大小不兼容

描述：同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。如下图：代码：chrome解决办法：给文字设定 line-height 。确保所有文字都有默认的 line-height 值chrome三个浏览器效果如下：

2016-11-29 10:11:50 1147

原创浏览器兼容性问题-IE6双倍边距

IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。 ie6下显示：ie8及以上显示：可以看出左边距在IE6下面明显比IE8下面的大，在ie6下面的左边距变成了20px，而不是设置的10px。解决办法：IE6双倍边距一招搞定：将有float属性的元素添加display:inline属性

2016-11-29 09:55:10 273

转载 CSS选择器

CSS的选择器最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素

2016-11-29 09:19:16 168

原创页面布局-水平居中，垂直居中

一、没有设置之前效果及代码如下：设置之后效果：1、水平居中1）inline-block + text-align说明：只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏览器中，它是能对任何元素进行水平居中的2）table+margin

2016-11-28 13:43:08 1353

原创 html布局之图片文字混排

1.ul li 中实现图片文字混排 a.效果如下：b.实现代码如下引用打印 .opts-btn .icon-quote { background-position: 0 -5px;}.opts-btn li i { display: inline-block;

2016-11-23 14:55:17 9919

原创页面布局 display:block inline inlineblock

display有以下四个属性：block inline inlineblock none，他们的区别如下：display默认宽度可设置宽高起始位置其他描述block父元素宽度是换行inline内容宽度否同行inline-block内容宽度是

2016-11-23 14:26:04 383 1

on the road的博客