js基础例子dom+原型+oop基础知识记录01

【js基础例子dom+原型+oop基础知识记录01】的更多相关文章

js基础例子dom+原型+oop基础知识记录01

//oo:概念是计算机中对于现实世界的理解和抽象的方法 //由计算机利用编程技术发展到现在的产物 //面向对象几要素 //对象:由属性和方法组成的集合 //属性:保存数据,存储在对象内存空间中的唯一的地方集合 //方法:在类外,函数叫函数,在类中,函数叫方法,用于完成想要的功能 //成员:属性与方法的统称 //创建方法3种方法 //1:直接量:语法{key:value}; //例1: var object1={name:'python',age:25, sex:'hello', f1:funct…

深入浅出DOM基础——《DOM探索之基础详解篇》学习笔记

来源于:https://github.com/jawil/blog/issues/9 之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西,算是对自己学习的一点总结),对DOM的理解又具体了一步,因为DOM本来就是一个抽象和概念性的东西,每深入一步了解,在脑中就会稍微具体一点,通过这次的对DOM的系统学习,对DOM有一个比较深刻的理解,明白了DOM在JavaScript这门语言中举足轻重的地位,了解了DOm的发展历史,也让我明白了存在…

JS原型函数相关基础知识

函数对象和普通对象 //普通对象 var oo1 = {}, oo2 = new Object(), oo3 = []; console.log(typeof oo1 + ',' + typeof oo2 + ',' + typeof oo3); //object,object,object //函数对象 function ff1() {} var ff2 = function () {} var ff3 = new Function(); console.log(typeof ff1 + ',…

JS基础——构造函数VS原型

JS是一种基于对象的语言.在使用过程中不免遇到复制对象的问题.但通常我们採用的直接赋值'obj1=obj2'这样的做法会出现数据覆盖问题. 也就是对象引用过程中引用地址一致.导致对象数据被改动的问题.这时我们能够採用工厂模式来对对象进行实例化,从而实现对象的引用地址一致导致的数据覆盖问题. 但此时,问题随之又来了,使用工厂模式,对于详细的实例所属的详细对象又搞不清楚,在JS中採用构造方法来解决对象实例的数据覆盖问题(这里和其他语言的原理是类似的). 一.构造函数在其他语言中接触过构造函数.通常…

前端总结·基础篇·JS（一）原型、原型链、构造函数和字符串（String）

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前端总结·基础篇·JS(二)数组深拷贝.去重以及字符串反序和数组(Array) 前端总结·基础篇·JS(三)arguments.callee.call.apply.bind及函数封装和构造函数前端总结·基础篇·JS(四)异步请求及跨域方案前端总结·工具篇·管理(一)常用模块化方案目录这是<前端…

面向对象（OOP）--OOP基础与this指向详解

前言学过程序语言的都知道,我们的程序语言进化是从“面向机器”.到“面向过程”.再到“面向对象”一步步的发展而来.类似于汇编语言这样的面向机器的语言,随着时代的发展已经逐渐淘汰:而面向过程的语言也只有C语言老大哥依然坚挺:现在主流的语言(例如Java.C++.PHP等)都是面向对象的语言. 而我们的JavaScript语言,恰恰介于面向过程与面向对象之间,我们称它为“基于对象”的语言.但是,JS中的OOP依然是我们学习JS的重要一环,当然像“继承”“封装”这样的面向…

前端基础之DOM和BOM

前端基础之DOM和BOM JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window…