Trekerz

求知若饥 虚心若愚

几种多列布局的实现方法

定宽与自适应、九宫格等利用float、table以及flex的实现

一、 左列定宽,右列自适应场景:该布局方式非常常见,适用于定宽的一侧常为导航,自适应的一侧为内容的布局。 (1) 利用float+margin实现.left{ float:left; width:100px;}.right{ margin-left:100px..


JS函数表达式的应用

递归、闭包、模仿块级作用域、私有变量

前言(1) 函数定义方式 函数声明、函数表达式。 (2) 声明提升 函数声明在执行代码前就会先被读取,这意味着可以把调用放在声明前面; 函数表达式则没有提升的过程。 所以,下面的做法是错误的,不同浏览器对它有不同处理方式: 一、递归用法(1) 原理在一个函数内通过名字调用自身。 (2) 应..


DOM总结

DOM知识点

一、节点DOM1中的Node接口在JavaScript中是作为Node类型实现的。每个节点都有一个nodeType属性,拥有表明节点的类型。 注意:Node类型一共有12种,任何节点必居其一: Node.ELEMENT_NODE(1) Node.PROCESSING_INSTRUCTION..


细谈JS对象的6种继承方式

对象的属性和访问

ECMA只支持实现继承,不支持接口继承。 1.原型链(1) 原理让原型对象等于另一个类型的实例。 (2) 搜索属性的顺序实例 –>SubType.prototype –> SuperType.prototype 注意:连接原型链时不是SubType的原型的constructor属性..


细谈创建JS对象的7种方式

JS对象的创建

Object构造函数或对象字面量都是使用同一个接口创建很多对象,会产生大量重复代码。 1. 工厂模式 (1) 优点能够根据接收的参数来构建一个对象,可以无数次地调用这个函数。 (2) 缺点没有解决对象识别的问题(即怎样知道一个对象的类型)。 2. 构造函数模式 (1) 较工厂模式的优势 没有显式..


BOM总结

BOM知识点

一、window对象1. 框架中window(1) name属性window的属性,即框架frame的名字。 (2) top对象指向最外层框架。 (3) parent对象指向直接上层框架。 (4) self对象始终指向window。 2. window的位置(1) screenLeft、scre..


理解JavaScript对象

对象的属性和访问

每个对象都是基于一个引用类型创建的。 ECMAScript有两种属性类型:数据属性、访问器属性。 1.数据属性(1) [[Configurable]]能否用delete删除属性、修改属性特性以及修改为访问器属性,默认true; (2) [[Enumerable]]能否通过for-in循环返回属性..


JS引用类型总结

JavaScript细节

一、Object类型1. 作用特点(1) 存储和传输数据 2. 创建方式(1) new操作符+Object构造函数 (2) 对象字面量 此种方法可用来向函数传递可选参数(最佳实践:必需参数用命名参数,可选参数用对象字面量)。 3. 访问方式(1) 点表示法 (2) 方括号法 此种方式可通过变量来..