前端 js 部分

1 js中的函数的创建方式

　　函数的作用解决重复性的代码

　　(1)普通函数

　　　function 函数名(a,b){

　　　　　　return a+b};

　　　(2)函数名:

　　　　var 函数名 = function(){

　　　　　　}

2.arguments的意思:

伪数组

函数传进的实参

function foo(){

console.log(arguments[0])};

foo(2,3,4)

3,获取DOM的三种方式

文档对象模型 Document Object Model;

对象:属性和方法:父类(继承)

　　getElentByld('box')单个dom对象

　　getELentByClassName('box')伪数组

　　getElenntByTagName('div')伪数组

额外补充:23设计模式

　　MVC===>(Django) MVVM(Vue)

　　数据驱动视图

　　Model View Controler

4,DOM操作三步走?那三步走

　　1找到事件对象

　　2事件名:onclik onmouseseover|onmouseout onmouseenter |onmouseleave blur focus

　　input oninput

　　3 驱动程序 回调函数

5对属性操作和样式操作:

　　写个例子

　　　　比如有个div,设置该div的class为active

　　　　并且要求改div的背景为红色的

　　　　.style.backgrooundColor  = 'red'

　　　　.className = 'red'

　　　　.id

　　　　.herf

　　　　.src

6对于值的操作,哪三种属性 分别解释三种属性你理解的意思

readonly只读

获取文本内容

innerText

设置文本

innerHTML='alex'

标签中有value属性

.value

如何获取文档,heml.body对象?三者之间的关系

console.log(document)

console.log(document.documentElment)

console.log(document.body)

8DOM的结构

9,如何获取该div标签的父元素和孩子元素

oDiv.paretNode

oDove.children

10,对于Dom的操作

(1)创建DOM

　　父标签oDIV

　　　var oBth = document.carteEElement('buttton')

(2)父子之间追加Dom,使用那种方式 兄弟之间追加元素使用那种方式

　　odiv.appendChild(obtn)

　　obtn.innerText = '注册'

 

　　添加事件

　　obtn.onclick = function(){}

oDiv.insertBefore(插入的新节点,参考的节点);

 

如果参考节点为null,相当于appenChild

 

(3)删除DOM

 

oDiv.removeChild(子节点)

 

 

 

 

 

js 中的面向对象

		1.对象的创建方式
			字面量方式创建
				var object = {
					name:'zhg',
					age:16,
					fav:function(){
					}
				};
			
			构造函数方式创建
				var o = new Object();
				o.name = 'yyy';
				o.age = 18;
				o.fav = function(){






		}
		2.原型继承方式创建 

		function Student(name,age){
			this.name = name;
			this.age = age;
		};

		Student.prototype.fav = function(argument){
			
			console.log(this);
			console.log(this.name);
		};
　　　　　　　　　　实例化对象
　　　　　　　　var s1 = new Student('太亮',18)
　　　　　　　　s1.fav()

　　

定时器:

 一次性定时器

1000毫秒 == 1秒 异步 如果请求数据时 数据出现阻塞 那么可以简单实用 异步调用 应用:异步

var a = setTimeouut( function(){

console.log(1);

},3000)

清除定时器:clear Timeout(a);

周期性的循环定时器;每50秒执行对应的回调函数 应用:动画效果

setinterval(function(){},50)

DOM

　　window.open()

　　window.location中的对象的属性