前端基础整理

2018-03-30  本文已影响0人  我家媳妇蠢蠢哒

闭包

原型链  几乎任何对象有一个[[prototype]]属性,在标准中,这是一个隐藏属性。该属性指向的是这个对象的原型。

Event.target  target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

单例模式

js数据类型 Undefined、Null、Boolean、Number、String、Object

html页面布局结构


在标准文档流里面,块级元素具有以下特点:

①总是在新行上开始,占据一整行;

②高度,行高以及外边距和内边距都可控制;

③宽带始终是与浏览器宽度一样,与内容无关;

④它可以容纳内联元素和其他块元素。

行内元素的特点:

①和其他元素都在一行上;

②高,行高及外边距和内边距部分可改变;

③宽度只与内容有关;

④行内元素只能容纳文本或者其他行内元素。

行内元素a,b,strong,span,img,label,button,input,select,textarea

块级元素header,form,ul,ol,table,article,div,hr,aside,figure,canvas,video,audio,footer


不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用

css浮动对结构的影响

ajax XMLHttpRequest

html5 css3

null 表示“无”的对象,转为数值是0

undefined表示“无”的原始数值,转为数值是NaN


function sortNum(a,b) {

return a - b; //升序,如降序,把“a - b”该成“b - a”

}

var myarr = new Array("80","16","50","6","100","1");

console.log(myarr.sort(sortNum));

数组排序


function unique(arr){

  var newArr = [arr[0]];

  for(var i=1;i<arr.length;i++){

    if(newArr.indexOf(arr[i]) == -1){

          newArr.push(arr[i]);

      }

    }

        return newArr;

   }

数组去重


apply()方法 接收两个参数,一个是函数运行的作用域(this),另一个是参数数组。

语法:apply([thisObj [,argArray] ]);,调用一个对象的一个方法,2另一个对象替换当前对象。

说明:如果argArray不是一个有效数组或不是arguments对象,那么将导致一个TypeError,如果没有提供argArray和thisObj任何一个参数,那么Global对象将用作thisObj。


 call()方法 第一个参数和apply()方法的一样,但是传递给函数的参数必须列举出来。

语法:call([thisObject[,arg1 [,arg2 [,...,argn]]]]);,应用某一对象的一个方法,用另一个对象替换当前对象。


arrayObject.join(separator)

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。


头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体佈局宽度:wrapper

左右中:left right center

登录条:loginbar

标志:logo  广告:banner

页面主体:main

热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

内容:content

标签:tags

文章列表:list提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guide

服务:service

注册:regsiter

状态:status

投票:vote

合作伙伴:partner

导航:nav主导航:mainnav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary

上一篇下一篇

猜你喜欢

热点阅读