denggeli0909-CSDN博客

转载 input内容改变触发事件，兼容IE

<html><head><script type="text/javascript">window.onload = function(){ myFunction = function(){ console.log("1"); }} </script></h...

2016-10-21 08:31:00 186

转载 ng-src作用

...<ul class="phones"> <li ng-repeat="phone in $ctrl.phones | filter:$ctrl.query | orderBy:$ctrl.orderProp" class="thumbnail"> <a href="#/phones/{{phone.id}}" class="th...

2016-08-05 09:09:00 103

转载 bind()实现

bind()函数是在 ECMA-262 第五版才被加入；它可能无法在所有浏览器上运行。这就需要我们自己实现bind()函数了简单实现bind()方法：Function.prototype.bind = function(context){ self = this; //保存this，即调用bind方法的目标函数 return function(){ ...

2016-07-29 11:42:00 75

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

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> body,p{ margin:0; padding:0...

2016-07-28 21:10:00 81

转载 CSS3单位

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

2016-07-28 17:06:00 65

转载对闭包的理解

首先看一段代码for(var i = 0; i < 10; i++) { console.log(i);}这段代码输出0, 1, 2, 3, 4, 5, 6, 7, 8, 9接着for(var i = 0; i < 10; i++) { setTimeout(function() { console...

2016-07-28 10:16:00 51

转载 position containing block原点

如果元素有属性 'position:absolute'，containing block 由最近的 position 不是 static 的祖先建立，按下面的步骤： 1、如果祖先是块级元素，containing block 由祖先的 padding edge(除 margin, border 外的区域的最小矩形) 形成。 2、否则(不是inline),con...

2016-07-27 23:22:00 95

转载构造函数继承关键apply call

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

2016-07-25 16:35:00 86

转载 CSS3 弹性盒布局模型(转)

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

2016-07-25 10:02:00 93

转载 css定义的权重

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

2016-07-24 11:04:00 86

转载 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’的li；(可以写成 ul #nav) 3....

2016-07-24 10:41:00 192

转载居中

给div设置一个宽度，然后添加margin:0 auto属性 div{ width:200px; margin:0 auto; }绝对定位居中：绝对定位元素div{position:absolute;height:200px;width:400px; t...

2016-07-22 15:46:00 56

转载 W3C盒子与IE盒子模型

盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)IE的content部分把 border 和 padding计算了进去例：一个盒子的margin 为 20px，border 为 1px，padding 为 10px，content 的宽为 200px、高为 50px，标准 w3c 盒子模型：　　占据的位置：...

2016-07-22 14:46:00 51

转载 HTML5的离线储存

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

2016-07-22 11:17:00 162

转载支持HTML5新标签

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

2016-07-22 11:03:00 58

转载浏览器内核的理解

主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内...

2016-07-22 10:58:00 83

转载事件兼容IE

addEvent:function(target, functionref, tasktype) { if (target.addEventListener) target.addEventListener(tasktype, functionref, false); else if (target...

2016-07-17 10:07:00 68

转载 meta

在web设计中使用js可以实现很多的页面特效，然而很多人却忽视了HTML标签中META标签的强大功效，其实meta标签也可以实现很多漂亮的页面过渡效果。 META标签是HTML语言HEAD区的一个辅助性标签，Meta 标签放在每个网页的<head>...</head> 中间，我们大家比较熟悉的如： <meta name="GENERATOR" content...

2016-07-16 15:23:00 76

转载 Photoshop快捷键

ctrl+del :铺后景色alt+del:铺前景色ctrl+d:取消选框ctrl+t：拉伸（挡住文字）TAB：显示（隐藏）工具栏ctrl+alt+i：反选ctrl+r:辅佐线ctrl+j:复制并添加到图层ctrl+v：取消工具ctrl+w:关闭当前窗口ctrl+shift+E:合并可见图层解决（所选区域为空）ctrl+u:摄像饱和度f8：显示信息转载于:https://www....

2016-07-16 10:09:00 55

转载 IE兼容性问题

1.H5标签兼容。解决：js:document.createElement("footer");css:display: block;或者直接使用 html5shiv.js元素浮动之后,能设置宽度的话就给元素加宽度.如果需要宽度是内容撑开,就给它里边的块元素加上浮动;<div class="box clear"> <body&...

2016-07-16 09:47:00 64

转载 jquery.validate.js

jquery.validate.js使用记录首先到JQ官网下载搜索validate插件，下载相关源码，附上validate官网网址https://jqueryvalidation.org/找到validation\demo\bootstrap，参考bootstrap与volidate结合使用的例子改造成如上样式如上所示，volidate能根据rules的规则当鼠标焦点...

2016-07-12 17:53:00 119

denggeli0909的博客