随笔分类 - javascript基础
javascript基础语法
摘要：先理解 转义符号 \ 去掉符号的原来意义 RegExp有两种创建方式1.直接量2.new RegExp 表达式 //表达式 i 忽视大小写 g 全局匹配 m 执行多行匹配 /abc/igm test 返回是否匹配 布尔值 match 返回匹配的值 数组 /[]/ []是范围 /[0-9A-Za-z]
阅读全文
摘要：文档加载事件意义，看下面例子 document.addEventListener('DOMContentLoaded', function() { }) $(document).ready(function() { }) //文档解析完(只解析domTree，不加载资源) window.onload
阅读全文
摘要：绑定事件处理 1.ele.onxxxx = function() {} 兼容性很好，但是一个元素上同一事件只能绑定一次处理函数 等同于写在HTML的行间上 this指向dom 2.ele.addEventListener(type, fn, false) IE9以下不兼容，可以在一个事件上绑定多个处
阅读全文
摘要：通过js给dom样式 dom.style.prop 关键字 float前面加css例如： dom.style.cssFloat 查询计算样式 window.getComputedStyle(ele, null) IE8及以下不兼容 获取伪元素的样式 window.getComputedStyle(e
阅读全文
摘要：DOM基本操作 查看滚动条的滚动距离 window.pageXOffset / window.pageYOffset IE8及IE8以下不兼容 document.body/document.documentElement.scrollLeft / scrollTop 兼容性比较混乱，用时取两个值相加
阅读全文
摘要：DOM(Document Object Modal)，DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口 Document 对象，每个载入浏览器的 HTML 文档都会成为 D
阅读全文
摘要：try catch try { console.log('a') console.log(b) } catch (e) { console.log(e.name + ' : ' + e.message) //执行 } e.name有六种 1.EvalError: eval()的使用与定义不一致 2.
阅读全文
摘要：数组去重原理 遍历数组，判断对象上是否有数组值是这个属性，有不执行，没有数组值作为对象的属性 直接上代码 Array.prototype.unique = function() { //哈希 hash var temp = {}, arr = [], len = this.length for(va
阅读全文
摘要：数组创建方式有两种 1. var arr = [] 2. var arr = new Array() 如果只有一个参数会指定数组的长度，当一个参数时只能是整形，如下例子 var arr = new Array(10) var arr = new Array(10.2) //会报错 var arr =
阅读全文
摘要：arguments.callee function test() { console.log(arguments.callee) //指向函数引用 test } test() 看以下例子 var num = (function(n) { if (n == 1) return 1 return n *
阅读全文
摘要：this在不同场景的作用，如下例子 //1.函数预编译过程中 this --> window //AO this: window function test() { console.log(this) } test() //window //2.全局作用域里 this --> window //GO
阅读全文
摘要：命名空间的意思是管理变量，防止污染全局，适用于模块化开发 以前的做法（现在不在使用） var obj = { department1: { lyj: '', ... }, department2: { ccc: '' }, ... } 现在新的方法（闭包） var initDeng = (funct
阅读全文
摘要：javascript继承模式有以下几种1.传统模式 -- 原型链 缺点： 过多的继承了没用的东西2.借用构造函数(常用) 缺点： 不能继承继承函数的原型 每次构造函数要多走一个函数3.共享模式(常用) 缺点： 不能随便改动自己的原型4.圣杯模式 共享模式 //共享模式 Father.prototyp
阅读全文
摘要：call/apply作用是改变this指向，区别后面传的参数形式不同 看一下例子 function Person(name, age) { // this = obj this.name = name this.age = age } var obj = { } Person.call(obj, '
阅读全文
摘要：原型是function对象的的属性，原型也是对象 构造函数构造出来的实例能够继承原型上的属性和方法 如下例子 // Person.prototype -- 原型 Person.prototype = {} Person.prototype.name = 'abc' function Person()
阅读全文
摘要：先看一个对象的操作 var myLi = { name: 'Liyingjie', sex: 25, food: '', eat: function() { this.food = '' }, buy: function(food) { this.food = food } } myLi.buy('
阅读全文
摘要：闭包解释当内部函数被保存到外部时，会形成闭包，闭包会导致原有作用域链不释放，导致内存泄露(解释: 内存被占用，内存就变小了) 闭包作用 1实现共有变量(函数累加器) 2可以做缓存(存储结构)(eater) 3可以实现封装，属性私有化(Person()) 4模块化开发，防止污染全局变量 看下面例子：
阅读全文
摘要：立即执行函数顾名思义就是声明一个函数，并立即执行它。而且执行完就释放控件，找不到引用 立即执行函数写法 (function (形参){ // 写法1（w3c建议） xxx }(实参)) (function (形参){ // 写法2 xxx })(实参) 但是个人更习惯用第二种写法，所以这看个人习惯了
阅读全文
摘要：javascript运行代码总结下来就是三步 1.分析代码2.预编译3.执行语句 分析代码就是对代码排查一些错误 预编译就是在执行代码前对变量，函数等申明 执行语句就是字面意思 那函数预编译执行的过程又是怎么的呢 先看代码 function fn(a) { console.log(a) // fun
阅读全文
摘要：数据类型判断 数据类型有 number string boolean null undefined function object 这些，那如何去判断数据对应的是哪种类型呢 typeof可以判断对应数据类型 写法： typeof data 或者 typeof(data) ， 一般习惯写后面这种 返回
阅读全文
浙公网安备 33010602011771号