一。今日学习内容
1.设计模式 1)概念:程序员针对特定问题,给出的简介而优化的处理方案 2)常用的模式 单例模式:只允许存在一个实例的模式 组合模式:多个启动方案一样的构造函数放一起,准备一个总开关,开启之后,构造函数都启动了 观察者模式:也叫订阅发布者模式 事件监听,一个元素同时监听多个类型事件,元素对象为发布者,每一个事件处理函数(执行的操作)为订阅者 代理模式:Proxy,为其他对象提供一种代理以控制对这个对象的访问,为了不暴露执行对象的部分代码 工厂模式:做一个对象的创建的封装并将创建的对象return出去 简单的工厂模式:解决多个相似问题:提示框 复杂的工厂模式:将其成员的实例化推迟到子类中,子类可以重新父类接口方法,以便创建的时候指定自己的对象类型:各种UI组件,根据你想要的类型不同,比如:按钮,提示框,表格等 抽象的工厂模式:实现子类继承父类的方法,只是一个方法,抽象工作模式一般也在多人协作的超大型项目中,并严格的要求项目以面向对象的思想进行完成 抽象类:是一种声明,但不能使用的类,当使用时就会报错 策略模式:定义一系列的算法,然后封装,并且使他们可以相互替换,从而避免很多if语句 建造者模式:一个建造者,使用不同的工具堆砌出的一种模式 单例模式 特点:一个类只有一个实例,并且提供可全局访问的点,全局对象就是最简单的单例模式 原型模式 创建对象的模式:通过一个对象作为原型来创建新的对象 数据访问对象模式 抽象和封装对数据源的访问和存储 MVC模式 一种架构模式,它将应用抽象分为三个部分:模型(数据),试图,控制器(发布器) 一个事件发生的过程(通信单向流动) 用户在视图V(view)上与应用程序交互 控制器C(control)触发事件,要求模型M改变状态(读写数据) 前端控制器模式 拦截过滤器模式 2.DOM 1)节点 由结构图,DOM树,整个文档就是一个文档节点,document 每一个html标签都是一个元素节点,element 标签的属性是属性节点,Attribute 一切都是节点,node 2)获取标签对象的主要方式 ①控制标签的内容 操作文本内容 innerText 只能添加文本 innerHTML 可以解析标签,添加文本 textContent---推荐 只能添加文本 ②操作表单标签的值 value ③动态渲染列表 获取dom节点 声明对象保存结果 遍历 用innerHTML解析标签 ④控制样式 获取dom节点 操作style:dom.style.属性='' ''; 属性有-,要用小驼峰命名法 操作class:dom.className=''class名''; 3.JS事件(三要素) 事件源:谁来触发--标签 事件类型:什么事件?鼠标事件,键盘事件 事件处理函数:触发事件之后要进行的行为 事件对象:事件发生时的相关信息都保存到事件对象中(第四要素) 添加事件:dom.addEventListener('事件名称',事件处理函数) 4.BOM 浏览器对象模型,使javascript有能力与浏览器对话 提供了访问浏览器各种功能部件的途径,浏览器窗口本身,浏览器历史 5.API 给程序员提供的一种工具,以便更加轻松实现某种功能 6.WebAPI 是浏览器提供的一套浏览器功能和页面元素的API,一般都是方法和函数
|