- 博客(18)
- 收藏
- 关注
RSS订阅原创 js运行机制
JS只有一个主线程，主线程执行完执行栈的任务后去检查异步的任务队列，如果异步事件触发，则将其加到主线程的执行栈。 1.js单线程 同一时间只能做一件事情。原因是与它的用途有关。比如：如果此时同时有两个线程，一个线程在节点上添加内容，一个线程是删除内容，浏览器不知道以哪个线程为准，避免复杂性，所以js就是单线程。 2.任务队列 所有任务分为两种：同步任务和异步任务 同步任务指的是在主线
2017-10-23 14:12:45
1024
原创 js原型链
1、prototype和__proto__的区别 prototype是函数才有的属性， 在js中，对象在调用一个方法时，会首先在自身寻找是否由该方法，如果没有，则在原型链上寻找，这个原型链就是实例对象的_proto_属性。 对于实例person而言，其内部有一个原型链指针proto,该指针指向了Person.prototype指向的对象。_proto_是每个对象都有的属性 2、什么是原型
2017-10-20 15:04:20
342
原创 js创建对象几种方式
1.通过字面量方式创建 方法：将成员信息写到{}中，并且赋值给一个变量。此时的这个变量就是一个对象 例如：var person={ name:'jack', sex:'girl', job:function(){} } person.job(); 2.通过构造函数创建 方法：var person=new 函数名(); 通过该方法创建对象时，会自动执行该构造函数 例如： f
2017-10-20 14:16:47
5239
转载 js操作 cookie
http://www.jb51.net/article/64330.htm http://www.cnblogs.com/fishtreeyu/archive/2011/10/06/2200280.html
2016-12-23 16:09:01
323
转载 本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
http://blog.youkuaiyun.com/lwenn/article/details/50469382 本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
2016-12-23 16:08:21
1379
原创 JavaScript事件绑定和普通事件区别
区别：普通事件只支持单个事件，而事件绑定可以添加多个事件 button var btn=document.getElementById("btn"); btn.onclick=function(){ alert("1普通事件"); } btn.onclick=function(){ alert("2普通事件"); } btn.addEventListener("click",f
2016-11-29 15:29:56
1293
转载 HTML语义化的理解
http://sanwen8.cn/p/12emwCB.html http://www.5icool.org/a/201006/537_4.html
2016-11-29 11:49:05
5807
转载 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
390
转载 CSS清除浮动的方法优缺点分析
8种CSS清除浮动的方法优缺点分析 为什么清除CSS浮动这么难？ 因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。 而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。 解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 我根据自己的经验总结8种清除浮动的方法（测试已通过 ie c
2016-11-29 11:12:43
292
转载 清除浮动
摘要: 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
291
原创 清除浮动
清除浮动以前效果图：父元素没有被撑开 清除浮动以后效果图：父元素被撑开了： 原有代码结构如下： .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
265
原创 兼容性问题-文字本身大小不兼容
描述：同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。如下图： 代码： chrome 解决办法：给文字设定 line-height 。确保所有文字都有默认的 line-height 值 chrome 三个浏览器效果如下：
2016-11-29 10:11:50
1291
原创 浏览器兼容性问题-IE6双倍边距
IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。 ie6下显示： ie8及以上显示： 可以看出左边距在IE6下面明显比IE8下面的大，在ie6下面的左边距变成了20px，而不是设置的10px。 解决办法： IE6双倍边距一招搞定：将有float属性的元素添加display:inline属性
2016-11-29 09:55:10
351
转载 CSS选择器
CSS的选择器 最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器； css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。 1.基础的选择器 选择器 含义 示例 * 通用元素
2016-11-29 09:19:16
231
原创 页面布局-水平居中，垂直居中
一、没有设置之前效果及代码如下： 设置之后效果： 1、水平居中 1）inline-block + text-align 说明：只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏览器中，它是能对任何元素进行水平居中的 2）table+margin
2016-11-28 13:43:08
1480
原创 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
10167
原创 页面布局 display:block inline inlineblock
display有以下四个属性：block inline inlineblock none，他们的区别如下： display 默认宽度 可设置宽高 起始位置 其他描述 block 父元素宽度 是 换行 inline 内容宽度 否 同行 inline-block 内容宽度 是
2016-11-23 14:26:04
489
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人