摘要：
edge 模式代表IE使用最高版本的设置 阅读全文
摘要：
Sometimes we want to add extra data to our form and submit them to the server.We can do this like :1 var form = document.querySelector('form');2 f... 阅读全文
摘要：
Today I got a issue that window.location.origin returns undefined in IE 9 .But we can fix this issue with following code:if (!window.location.origin) ... 阅读全文
摘要：
有的时候，我们需要判断是设备是否支持触屏，可以使用下面简单的js来做判断1 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {2 // some cod... 阅读全文
摘要：
最近微信新增了一个功能：长按识别验证码。原理是这样的：检测长按事件---触发-->截取图片中的验证码关于长按，我们可以这么处理：1，点击开始时（onMouseDown||onTouchStart）触发时一个timer，并设定时间2，点击结束时（onMouseUp || onTouchEnd） 清除这... 阅读全文
摘要：
1. 居中元素居中一個元素是很多前端開發人員在設置樣式的時候會遇到的問題。最簡單的居中方式是在相關的元素上設置 *margin:auto;. 這個方法可以在不考慮父元素的寬度下進行居中。不過，怪異模式下的IE6缺達不到我們想要的效果。請看下面代碼：#container{ border: sol... 阅读全文
摘要：
前两天在在页面时需要动态创建table，由于需要动态生成行，于是偷懒使用了innerHTML属性自己习惯使用FF，无意中使用IE打开竟发现报错了。debug了一下发现是innerHTML搞得鬼。在MSDN下找到了下面的描述：https://msdn.microsoft.com/en-us/libra... 阅读全文
摘要：
块级元素块级元素拥有以下的几个特征：如果宽度未设置，则元素会自动适应父元素的宽度可以拥有外边距与内边距如果高度未设置，则元素会自动适应子元素的高度（假设它们没有设置浮动与定位）默认情况下,将放置在Html标记里前一元素之后(假设没有浮动或定位)忽略vertical-align属性所以，对于块级元素来... 阅读全文
摘要：
首先我們來看一下下面的例子：假設我現在有一個button列表，當我點擊他們其中的某一個時，我將會對他們標記一個"active"類，當我再點擊一次，則刪除這個類，下面是html代碼： Pencil Pen Eraser我們可以使用原生的JS來做這樣子的效果: 1 var buttons = do... 阅读全文
摘要：
Chapter 5 Reference TypesNew objects are created by using the new operator follow by a constructor.The Object TypeNumeric property name are automatica... 阅读全文
摘要：
本人来调试web的程序的时候有个习惯，比较喜欢用console.log()而不是alert()来查看一些信息，主要觉得弹窗太讨厌了。最近需要给公司其他部门做一些web程序---------此为故事背景---------程序给过去之后接到产品小妹的电话说页面用不了，于是自己又检查了一遍，没有发现什么问... 阅读全文
摘要：
Webkit 内核的浏览器在加载完图片之后才能获取宽和高。所以，我建议使用onload时间来获取图片的宽和高1 var img = $("img")[0]; // Get my img elem2 var pic_real_width, pic_real_height;3 $("") // Make... 阅读全文
摘要：
var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4]; function deRepeat(){ var newArr=[]; var obj={}; var index=0; ... 阅读全文
摘要：
在使用float属性的时候，我们经常会遇到这样的问题，当元素的设置了float，而父容器的高度就坍塌了，如下效果法国球星亨利宣布退役之后，国际足坛大腕们纷纷对他表示敬意，尤其是他以前效力的阿森纳队众球星都称赞他为“传奇人物。” 国际足联主席布拉特也发表推文说：“衷心祝福亨利。很遗憾看到一位世界冠军离... 阅读全文
摘要：
当你看见function里面又嵌套着一个function,而内嵌的function又访问了外部的变量时，那就是闭包，如下代码：1 function foo(x){var tmp =3;function bar(y){2 alert(x + y +(++tmp));// will alert ... 阅读全文
摘要：
WebKit 与Blink 内核的浏览器(Safari, Google Chrome, Opera 15+) 使用伪元素:::-webkit-input-placeholder.Mozilla Firefox 4 to 18 使用伪类::-moz-placeholder.Mozilla Firefo... 阅读全文
摘要：
当文字的长度超过容器的边框时，若想要显示多余的内容为省略号时，我们可以这么设置.truncate { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}注意到white-space与ov... 阅读全文
摘要：
可以使用user-select属性实例：1 .noselect {2 -webkit-touch-callout: none;3 -webkit-user-select: none;4 -khtml-user-select: none;5 -moz-user-sele... 阅读全文
摘要：
我们来看下下面两种方式：1 // 等同于HTTP重定向2 window.location.replace("http://baidu.com.com");3 4 // 等同于点击网页链接5 window.location.href = "http://baidu.com";window.locati... 阅读全文
摘要：
在CSS裡面使用!important通常代表你這個人要麼懶惰，要麼自私或者是过于自信。首先让那些不知道的人看一下，!important是这么一回事：1 CSS2 p {3 color: red !important;}#thing {4 color: green;}5 HTML6 W... 阅读全文