随笔分类 - Javascript
1
摘要：模板引擎 是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。 为什么要使用模板引擎 我们通过ajax获取到数据后，需要把数据渲染到页面，在学习模板引擎前，我们的做法是大量的拼接字符串，对于结构简单的页面，这么做还行，但是如果页
阅读全文
摘要：cookie-本地浏览器多页面交流 在浏览器端持久化数据的容器 可以使用js对cookie进行操作 cookie 允许服务器脚本（PHP脚本）在浏览器端存储数据 cookie特点：在cookie中数据设置后，浏览器再次请求服务器指定页面时，会自动携带cookie中的数据到服务器，在服务器中可以获取c
阅读全文
摘要：attribute：html标签的属性 <div class="left" aa="bb" id="div1" checked="checked"></div> div1 = document.getElementById("div1"); div1.getAttribute("checked");
阅读全文
摘要：音频播放 DOM对象.play() //<audio id="mp3" controls src="./mp3"></audio> 一般都这样写播放器 但是为了不让显示，去掉controls //<audio id="mp3" src="./mp3"></audio> var mp3 = getEl
阅读全文
摘要：event事件 阻止默认行为：e.preventDefault() 阻止事件冒泡：e.stopPropagation() //return false:既能阻止事件冒泡，又能阻止浏览器默认行为。 e.screenX和e.screenY 对应屏幕最左上角的值 e.clientX和e.clientY 距
阅读全文
摘要：创建正则表达式 构造函数方式：new RegExp() //.test()为测试字符串中是否有符合正则的字符串 var reg1 = new RegExp(/abc/); reg1.test("abc"); //返回 ture 字面量方式： var reg1 = /abc/; reg1.test("
阅读全文
摘要：作用域 JS不支持块级作用域，只有函数能形成作用域 但是JS可以用let代替var创建变量模拟块级作用域 if(1){ let a = 1; } console.log(a); 闭包 形成条件：嵌套函数，内部函数访问外部变量 在函数内形成作用域，声明的变量不可被外部访问，而内部创建函数可以访问，再把
阅读全文
摘要：函数的四种调用模式 根据函数内部this的指向不同，可以将函数的调用模式分成4种 函数调用模式 方法调用模式 构造函数调用模式 上下文调用模式（借用方法模式） 函数：当一个函数不是一个对象的属性时，我们称之为函数。 方法：当一个函数被保存为对象的一个属性时，我们称之为方法。 函数调用模式 如果一个函
阅读全文
摘要：混入式继承 通过一个函数遍历b对象自身属性和方法来添加到a对象上 var a = {y: 1}; var b = { a: 1, b: 2, c: function(){ console.log("c"); } } a.extend = function(obj){ for(var k in obj
阅读全文
摘要：原型：构造函数.prototype/实例化对象.proto 自定义对象中 构造函数直接写对象的话 会造成内存浪费，创建两个对象方法是一样的 但是是不同内存地址 如果在全局创建函数，然后构造函数中赋值，可以避免内存浪费，但会造成另一个现象就是全局污染 所以我们一般通过原型添加方法，可以避免函数全局污染
阅读全文
摘要：offset 获取元素真实距离和大小 .offsetWidth 获取元素的宽度 .offsetHeigth 获取元素的高度 .offsetParent 获取距离元素最近有定位的父元素 .offsetLeft 获取元素距离父元素(offsetParent)的真实距离 - left+margin-lef
阅读全文
摘要：||：找到真值则返回 &&：找到假值则返回 一般用于设置默认值，例如： function func(a){ a = a || 1; //如果a传值了则设置为a 如果没传值则设置为1 }
阅读全文
摘要：JSON对象转字符串 eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 返回值：通过计算 string 得到的值（如果有的话）。 var st = "{\"name\":\"盖伦\",\"hp\":616}"; var json = eval("("+st+")");
阅读全文
摘要：DOM 是Document Object Model( 文档对象模型 )的缩写。 节点概念 DOM把所有的html都转换为节点 整个文档 是一个节点 元素 是节点 元素属性 是节点 元素内容 是节点 注释 也是节点 下面展示获取各个节点 document.write("<div id=\"d1\">
阅读全文
摘要：前提：0.00001是指超过0的最小值 0.99999是指不到1的最大值 先推理到取0～x的公式 Math.random() 取值是[0,1) 所以Math.random() *2 取值是[0,2) 但是 步骤2 取值是小数 所以需要用到Math.ceil() Math.ceil(Math.rand
阅读全文
摘要：点语法 var a = { name: 'a'; age: 18; } a.name; //返回 a a.age; //返回 18 中括号语法 var a = { name: 'a'; age: 18; } a['name']; //返回 a var b = "age"; a[b]; // 返回 1
阅读全文
摘要：基本类型可用：typeof var a = 11; typeof a; //返回 number typeof [1,2,3]; //返回 object typeof 只能用于判断基本类型(除了null往下看3.2) boolean string number undefined typeof 对于复
阅读全文
摘要：this的指向问题 默认普通函数中this指向window 构造函数中的this也是指向的window，只不过new做的修改this指向的动作，把this改成了当前要创建的对象 对象中函数的this指向当前对象 设置DOM事件时，this做参数指向设置的DOM元素 new 对象做的四件事： 在内存中
阅读全文
摘要：BOM即 浏览器对象模型(Browser Object Model) 窗口（Window） 获取文档显示区域高度和宽度 window.innerWidth; //文档区域宽度 window.innerHeight; //文档区域高度 获取外部窗体高度和宽度 window.outerWidth; //
阅读全文
摘要：JavaScript类型转换 变量假设为a 转换为字符串 基本类型都有toString函数：a.toString(2/8/16)【数字转换字符串可写参数 转换为几进制字符串 默认为十进制】 String(a) 两函数不同之处在于对null的处理 String()会返回字符串"null" toStri
阅读全文
1
浙公网安备 33010602011771号