前端基础 及遇到的问题

1、a href="#" 这个在html中有什么作用？

 

跳转到本页面顶部，一般建议写成javascript:void(0);要好一点，点了一点反应都没有，写#点了会跳一下的。

 

2、DIV元素:是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。DIV标签称为区隔标记。作用：设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。

 

3、margin 属性设置元素的外边距。

该属性可使用 1 到 4 个值：

 

• 如果规定一个值，比如 div {margin: 50px} - 所有的外边距都是 50 px

• 如果规定两个值，比如 div {margin: 50px 10px} - 上下外边距是 50px，左右外边距是 10 px。

• 如果规定三个值，比如 div {margin: 50px 10px 20px}- 上外边距是 50 px，而左右外边距是 10 px，下外边距是 20 px。

• 如果规定四个值，比如 div {margin: 50px 10px 20px 30px} - 上外边距是 50 px，右外边距是 10 px，下外边距是 20 px，左外边距是 30 px。

 

 

4、ul li ：

    ul li标签 是一对无序清单列表，见过新闻列表吧！就是那个！

    放在div中是为了做成一个容器用的 当然你也可以用别的容器标签比如span等！但是用ul li 是因为他是一个列表标签 其次控制他的css样式是比较方便的！

    关于ul li浮动问题 你可以让li 整体浮动 然后清空浮动 可以把li想像成一个个小方块 ul就是装这些小方块的 大箱子 控制li 不能超出ul这个箱子规定的范围

 

5、封装js类库：

 

//
(function(){
    if(!window.project){
        window.project = {};
    }

    window.project = {
        init:function(){
            alert("test");
        },
        show:function(){
            alert("test2");
        }
    };
})();

调用：project.init();



/ 
function Range(){}
Range.prototype = {
    init:function(){
        alert("XXX");
    },
    show:function(){
        alert("YYY");
    }
};

function RangeChildren(){}
RangeChildren.prototype = Range.prototype;
RangeChildren.prototype.add = function(){
    alert("ADD");
};


调用：var rc = new RangeChildren();
rc.add();
rc.show();