随笔档案「2016年7月」 - kan_kan

bind()实现

摘要：bind()函数是在 ECMA-262 第五版才被加入；它可能无法在所有浏览器上运行。这就需要我们自己实现bind()函数了简单实现bind()方法：考虑到函数柯里化的情况，我们可以构建一个更加健壮的bind()：这次的bind()方法可以绑定对象，也支持在绑定的时候传参。继续，Javasc 阅读全文

posted @ 2016-07-29 11:42 kan_kan 阅读(327) 评论(0) 推荐(0)

谷歌浏览器支持小于12px的字体

摘要：让页面里的字体变清晰:-webkit-font-smoothing: antialiased 阅读全文

posted @ 2016-07-28 21:10 kan_kan 阅读(357) 评论(1) 推荐(0)

CSS3单位

摘要：em做前端的应该对em不陌生，不是什么罕见的单位，是相对单位，参考物是父元素的font-size，具有继承的特点。如果字体大小是16px（浏览器的默认值），那么 1em = 16px。不过，这样使用很复杂，很难很好的与px进行对应，因此，前端开发的前辈们总结了一个经验那么，这样之后 1em = 1 阅读全文

posted @ 2016-07-28 17:06 kan_kan 阅读(583) 评论(1) 推荐(0)

对闭包的理解

摘要：首先看一段代码这段代码输出0, 1, 2, 3, 4, 5, 6, 7, 8, 9 接着这段代码输出的全是10 这里引用原文的话:详情https://www.douban.com/note/293295975/ 因为setTimeout是异步的! 你可以想象由于setTimeout是异步的, 因阅读全文

posted @ 2016-07-28 10:16 kan_kan 阅读(307) 评论(0) 推荐(0)

position containing block原点

摘要：如果元素有属性 'position:absolute'，containing block 由最近的 position 不是 static 的祖先建立，按下面的步骤： 1、如果祖先是块级元素，containing block 由祖先的 padding edge(除 margin, border 外的区阅读全文

posted @ 2016-07-27 23:22 kan_kan 阅读(190) 评论(0) 推荐(0)

构造函数继承关键apply call

摘要：主要我是要解决一下几个问题: 1. apply和call的区别在哪里 2. apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性. 阅读全文

posted @ 2016-07-25 16:35 kan_kan 阅读(293) 评论(1) 推荐(1)

CSS3 弹性盒布局模型(转)

摘要：简介引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。在该布局模型中，容器会根据布局的需要，调整其中包含的条目的尺寸和顺序来最好地填充所有可用的空间。当容器的尺寸由于屏幕大小或阅读全文

posted @ 2016-07-25 10:02 kan_kan 阅读(534) 评论(0) 推荐(0)

css定义的权重

摘要：以下是权重的规则：标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值： /*权重为1*/ div{ } /*权重为10*/ .class1{ } /*权重为100*/ #id1{ } /*权重为100+1=101*/ #id1 div{ } /*权重为10+1 阅读全文

posted @ 2016-07-24 11:04 kan_kan 阅读(1410) 评论(0) 推荐(0)

CSS选择器，标签限定

摘要：例子：ul#nav， ul li#nav和 #nav ul， #nav ul li 注意空格，没有空间隔开的就可以理解为限定区别 1.ul#nav：表示id='nav'的ul；(ul限定#nav标签类型)(ID是唯一的，ul感觉多余了) 2.ul li#nav:表示 ul 的子标签id=‘nav’ 阅读全文

posted @ 2016-07-24 10:41 kan_kan 阅读(531) 评论(0) 推荐(0)

居中

摘要：给div设置一个宽度，然后添加margin:0 auto属性绝对定位居中：绝对定位元素如上代码，div左上角定位到中点效果如图中蓝色部分利用margin向左，上分别移动宽高的一半，实现居中。浮动居中： http://blog.163.com/hongshaoguoguo@126/blog/ 阅读全文

posted @ 2016-07-22 15:46 kan_kan 阅读(183) 评论(0) 推荐(0)

W3C盒子与IE盒子模型

摘要：盒模型：内容(content)、填充(padding)、边界(margin)、边框(border) IE的content部分把 border 和 padding计算了进去例：一个盒子的 margin 为 20px，border 为 1px，padding 为 10px， content 的宽为阅读全文

posted @ 2016-07-22 14:46 kan_kan 阅读(293) 评论(0) 推荐(0)

HTML5的离线储存

摘要：在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下阅读全文

posted @ 2016-07-22 11:17 kan_kan 阅读(4254) 评论(0) 推荐(1)

支持HTML5新标签

摘要：IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim; <!--[if lt IE 9]> <script> 阅读全文

posted @ 2016-07-22 11:03 kan_kan 阅读(215) 评论(0) 推荐(0)

浏览器内核的理解

摘要：主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲阅读全文

posted @ 2016-07-22 10:58 kan_kan 阅读(607) 评论(0) 推荐(0)

事件兼容IE

摘要：addEvent:function(target, functionref, tasktype) { if (target.addEventListener) target.addEventListener(tasktype, functionref, false); else if (target.attachEv... 阅读全文

posted @ 2016-07-17 10:07 kan_kan 阅读(153) 评论(0) 推荐(0)

07 2016 档案

公告