随笔分类 -  面向对象

摘要:运动框架 一、函数 单物体运动框架封装 1、基于时间的运动原理 动画时间进程 动画距离进程 图解: 物体从0移动到400 当物体移动到200的时候 走了50% 同样的,物体总共运行需要4秒 如果已经过了2.5秒,也表示走了50% 2、动画时间进程 运动公式: s= 总距离(最终的位置 -- 起始位置 阅读全文
posted @ 2018-03-31 21:20 小胖橘乐乐 阅读(211) 评论(0) 推荐(0)
摘要:一、事件框架 1、DOM2 --事件流 事件流 :冒泡 捕获 1.1冒泡:事件按照从最特定的事件目标到最不特定的事件目标(document对象或者body)的顺序触发。 1.1.1浏览器兼容问题处理 如何去判断一个浏览器是否支持某个功能 其实就是判断对象是否拥有某个方法或者属性 1.1.2 DOM2 阅读全文
posted @ 2018-03-30 15:15 小胖橘乐乐 阅读(308) 评论(0) 推荐(0)
摘要:一、面向对象和传统开发的区别 面向对象开发 传统开发四要素 – 牢记 二、json JSON全称为JavaScript对象简单表示法(JavaScript Object Notation) 即通过字面量来表示一个对象, 从简单到复杂均可使用此方式。 1、字面量创建的对象和json对象区别 2、jso 阅读全文
posted @ 2018-03-26 22:21 小胖橘乐乐 阅读(239) 评论(0) 推荐(0)
摘要:一、根据arguments个数实现重载 js本身不支持重载,所以只能通过其他方式实现,arguments检测传参的个数,然后再执行不同的方式 二、检测数据类型实现重载 根据传参的类型,调用不同的方法,用typeof进行检测 三、jquery中的重载 如果传递2个参数表示获取值,传递三个参数表示赋值 阅读全文
posted @ 2018-03-25 22:47 小胖橘乐乐 阅读(1006) 评论(0) 推荐(0)
摘要:1、shift:删除原数组的第一项,返回删除元素的值;如果数组为空则返回undefined 2、unshift:将参数添加到原数组开头,返回数组的长度(ie6下返回undefined) 3、pop:删除原数组的最后一项,返回数组删除的值;如果数组为空则返回undefined 4、push:将参数添加 阅读全文
posted @ 2018-03-24 22:42 小胖橘乐乐 阅读(194) 评论(0) 推荐(0)
摘要:一. 普通对象与函数对象 JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object 、Function 是 JS 自带的函数对象。下面举例说明 在上面的例子中 o1 o2 o3 为普通对象,f1 f2 f3 为函数对象。怎么区分,其实很简单,凡是通过 new F 阅读全文
posted @ 2018-03-23 22:47 小胖橘乐乐 阅读(250) 评论(0) 推荐(0)
摘要:一、构造函数方式 二、原型对象实现继承 三、组合方式(构造函数+原型) 四、寄生组合式 五、拷贝方式 六、继承的框架 1、base2.js 2、simple.js 七、对象继承实现计算周长 阅读全文
posted @ 2018-03-22 22:05 小胖橘乐乐 阅读(194) 评论(0) 推荐(0)
摘要:一、常用string原型扩展 1、在字符串末尾追加字符串 2、删除指定索引位置的字符,索引无效将不删除任何字符 3、删除指定索引区间的字符串 4、检查字符串是否以subStr结尾 6、比较两个字符串是否相等 7、比较两个字符串是否相等,不区分大小写 8、将指定的字符串插入到指定的位置后面 9、判断字 阅读全文
posted @ 2018-03-21 22:02 小胖橘乐乐 阅读(795) 评论(0) 推荐(0)
摘要:一、数组 1、删除数组中指定索引的数据 2、数组洗牌 3、数字数组排序 4、获取数字数组中的最大项 5、获取数字数组中的最小项 6、数组第一次出现指定元素的位置 7、去除数组中的重复项 二、常用string内置对象方法 1、concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串 2 阅读全文
posted @ 2018-03-20 21:46 小胖橘乐乐 阅读(455) 评论(0) 推荐(0)
摘要:一、内置对象的原型链 1、Object原型 2、Object对象是Function对象的实例 3、内置对象的实例指向 4、自定义对象的原型链 二、其他知识 1、hasOwnproperty 2、isPrototypeOf 判断iphone是否拥有Product的原型属性 3、constructor 阅读全文
posted @ 2018-03-19 22:29 小胖橘乐乐 阅读(304) 评论(0) 推荐(0)
摘要:一、caller 返回函数调用者 二、callee 返回正被执行的 Function 对象 三、constructor 四、prototype属性 阅读全文
posted @ 2018-03-18 22:22 小胖橘乐乐 阅读(355) 评论(0) 推荐(0)
摘要:一、普通方式 二、函数表达式 三、方法调用模式 四、构造函数调用模式 五、apply、call调用模式 上篇中详细讲解了。 阅读全文
posted @ 2018-03-17 22:46 小胖橘乐乐 阅读(257) 评论(0) 推荐(0)
摘要:一、call 1、call供爷法则 2、call this 3、call使用场景 数组化 将伪数组转换为数组: 二、apply 1、基本用法 2、巧妙用法 (1)Max函数用法 (2)Min计算最小值 3、apply实现继承 阅读全文
posted @ 2018-03-16 22:34 小胖橘乐乐 阅读(247) 评论(0) 推荐(0)
摘要:一、函数即对象 二、arguments 保存函数的参数 三、Length属性 实参、形参 阅读全文
posted @ 2018-03-15 22:01 小胖橘乐乐 阅读(328) 评论(0) 推荐(0)
摘要:一、Math 随机选取 二、Error 1、try catch 运行结果: 2、error onerror 运行结果: 三、Number 四、Object 阅读全文
posted @ 2018-03-14 22:17 小胖橘乐乐 阅读(222) 评论(0) 推荐(0)
摘要:一、BOM location 1、访问页面 replace和assign的区别 replace()方法所做的操作与assign()方法一样, 但它多了一步操作,即从浏览器的历史记录中删除了包含脚本的页面, 这样就不能通过浏览器的后退按钮和前进按钮来访问它了,assign()方法却可以通过后退按钮来访 阅读全文
posted @ 2018-03-10 22:29 小胖橘乐乐 阅读(210) 评论(0) 推荐(0)
摘要:一、拷贝创建对象的原理 二、拷贝进阶用法 阅读全文
posted @ 2018-03-09 23:11 小胖橘乐乐 阅读(219) 评论(0) 推荐(0)
摘要:BOM(Browser Object Mode)浏览器对象模型,是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为BOM。 一张图了解一下先 1、window 对象——BOM核心 window,顾名思义,窗口对象。它表示整个浏览器窗口,主要用来操作浏 阅读全文
posted @ 2018-03-08 21:55 小胖橘乐乐 阅读(166) 评论(0) 推荐(0)
摘要:1.在典型的oop的语言中,如java,都存在类的概念,类就是对象的模板,对象就是类的实例。但在js中不存在类的概念,js不是基于类,而是通过构造函数(constructor)和原型链(propotype chains)实现的。但在ES6中引入了类(class)这个概念,作为对象的模板,新的clas 阅读全文
posted @ 2018-03-07 23:06 小胖橘乐乐 阅读(243) 评论(0) 推荐(0)
摘要:一、百度星座案例 链式访问方式 运行效果: 阅读全文
posted @ 2018-03-06 22:07 小胖橘乐乐 阅读(266) 评论(0) 推荐(0)