前端随笔(2016年)

1.main   --  

        word-wrap:normal||break-word;强制换行,主要用于块状元素
        word-break:normal||break—all; 单词内处理换行
        white-space:nowrap;强制不换行直到碰见 br
        overflow:hidden;超出部分隐藏 

        text-overflow:ellipsis;超出部分显示省略号
2.width = content + padding + border。

3.input type属性
    button    checkbox  file    hidden    image    password   radio   reset  submit  text

4.:before 和 :after  在所选标签的前面或后面加内容和并对新加的内容添加样式 (元素内容不是元素本身)

    欢迎你

    a:before{ 

    content:"北京"
    color:red

    }
    后的内容是 北京欢迎你 北京为红色  a标签里的新的内容为 北京欢迎你

5.z-index

    设置元素的(堆叠顺序)优先级,优先级高的元素先显示,所以只能适应于用 position定位的元素

6.a标签点击事件。

    void(0)返回undefined,地址不发生跳转,不会将js方法暴露在浏览器的状态栏。
    a href="javascript:void(0);" οnclick="javascript:js_method()"或

    οnclick="javascript:window.location.href='URL'"

    #是标签内置的一个方法,代表top的作用。返回到页面的最顶端。
    a href="#" οnclick="js_method()"

    执行后还是在页面的当前位置。    
    a href="#" οnclick="js_method();return false;"

7.jQuery中的遍历:以下是官方的解释: 

    jQuery.each(object, [callback]) 
    通用例遍方法,可用于例遍对象和数组。 
    
    数组:  var arr = [ "one", "two", "three", "four"];     
         $.each(arr, function(){     
            alert(this);     
         });  
        
    例遍数组,同时使用元素索引和内容。(i是索引,n是内容)
        $.each( [0,1,2], function(i, n){
        alert( "Item #" + i + ": " + n );
        }); 
        
    遍历DOM:$("li").each(function(){
               alert($(this).text())
            });
8.正常的网页加载流程是这样的。

浏览器一边下载HTML网页,一边开始解析
解析过程中,发现

你可能感兴趣的:(Web)