摘要：
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？…… 写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写下这篇文章，一来是自己工作中的总结，也是对自己知识的一次梳理。Margin是什么 CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外... 阅读全文
摘要：
function Observer() { this.fns = [];}Observer.prototype = { subscribe: function (fn) { this.fns.push(fn); }, unsubscribe: function (fn) { this.fns = this.fns.filter( function (el) { if (el !== fn) { ... 阅读全文
摘要：
当我们勇气prototype的时候会发现必须要new 一下才能去调用，对此感觉又点小小不爽下面在鬼群讨论的时候，一个群友提出了一个比较好的方法巧避new下面就是一些主要代码：var calendar=function(){ return calendar['init'].apply(calendar,arguments)}(function(exports,global){exports.init=function(){ console.log(1)}exports.show=function(){ console.log(2)}exports.getList=functio. 阅读全文
摘要：
群里有个同学问这个问题，说很难，其实很简单，就是想多了，顺便贴出来，有需要的可以参考；function timeRang(t){var t1=new Date(t).getDay();var t2=new Date(t).getTime()-t1*24*3600*1000;var Time=[];for(var i=0;i<7;i++){Time.push(new Date(t2+i*24*3600*1000).toLocaleDateString())}return Time;}var dd=timeRang("2013-4-13");//dd ["201 阅读全文
摘要：
今天看到这篇文章。写的非常有意思。发现自己才处于"入室"阶段。【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触web前端研发至今已然有了9个 阅读全文
摘要：
接着下来，我们看一下继承的实现。上面就说过，只要prototype有什么东西，它的实例就有什么东西，不论这个属性是后来添加的，还是这整个prototype都是置换上去的。如果我们将这个prototype对象置换为另一个类的原型，那么它就轻而易举得到那个类的所有原型成员。functionA(){}A.... 阅读全文
摘要：
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个i 阅读全文
摘要：
<html> <title></title> <head> <meta charset="utf-8"> <!--<link rel="stylesheet" type="text/css" href="test.css"> --> <style type="text/css">/*Now the styles*/* { margin: 0; padding: 0;}body { background 阅读全文
摘要：
写贴一个有bug的代码：function delR(obj){ var bo=Object.prototype.toString.call(obj).slice(8,-1)=="Array"? true:false; var temp=[]; if(bo){ for(var i=0;i<obj.length;i++){ if(temp.join().indexOf(obj[i])<0) temp.push(obj[i]); }}return temp;}delR([12,2])代码二：function f(arr){ var tmpArr=[]; var tmp 阅读全文
摘要：
有下面这样的一个布局：整个页面充满窗口，当窗口缩小放大时自动调整，不能出现窗口的滚动条，但小于定义的最小宽高时可以出现。头部（1）固定高度40px，宽度自适应窗口宽度。左侧（2）固定宽度150px，高度为窗口高度减去头部的40px，不是固定值。右侧（4）与左侧（2）一样。中间（3）宽高都是不固定的，宽是窗口宽度减去左右两侧，共减去300px，高度是窗口高度减去头部（1）跟底部（5），共减去100px。底部（5）是中间（3）的附属部分，高度固定60px。最后加个小小附加题，在中间（3）里加个input文本框，上左右边距始终10px，宽度不固定，随着中间（3）宽度的变化而变化。不能使用javasc 阅读全文