随笔分类 - JavaScript
摘要：/** * 构造一个动物的函数 */ function Animal(name, color){ this.name = name; this.color = color; this.getName = function(){ return this.name; } } // 实例一个对象 var
阅读全文
摘要：单例模式的思路是：一个类能返回一个对象的引用（并且永远是同一个）和一个获得该实例的方法（静态方法，通常使用 getInstance 名称）。那么当我们调用这个方法时，如果类持有的引用不为空就返回该引用，否者就创建该类的实例，并且将实例引用赋值给该类保持的那个引用再返回。同时将该类的构造函数定义为私有
阅读全文
摘要：1.循环结构 a) 当循环 语法:while(condition){ code... } do(){ code... } while(); eg:var a = 4; do{ document.write(a); a++; }while(a < 10); 注:whiel和do while的区别在于执
阅读全文
摘要：1.js的执行顺序. a) 一般按照书写的顺序来执行. b) 另外一种是通过判断然后执行下一项语句. 注:一般讲js语句写在body内容的最后来执行. 2.js的结构 a) 顺序结构 b) 选择结构 c) 循环结构 3.选择结构 a) if选择结构. 语法:if(condition){} eg:on
阅读全文
摘要：1. js:弱类型,动态类型,解释型的脚本语言. 2. 网景,布兰登艾奇,js和java没有关系,js的标准:ECMAscript. 3. js组成:ECMAscript + Bom + Dom.(BOM描述了与浏览器进行交互的方法和接口,DOM描述了处理网页内容的方法和接口). 4. script
阅读全文
摘要：1.变量 a)局部变量:在所有函数内部定义的变量,或者在函数内部未使用var声明的变量也属于全局变量. b)全局变量:在所有函数外部定义的变量. eg: 1) var a = 5,b = 4, c = 6; function sum() { var c = a + b; 前面有var声明且在函数内部
阅读全文
摘要：1.函数概念：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 语法:fuction hello(){ code... } a)手动驱动: eg: hello(); b)事件调用: eg: var oCalculate = document.getElementById("calcula
阅读全文
摘要：//将日期转换成字符串格式输出 function formatDateToString(){ // 先获取对象日期 var oDate = new Date(); // 从该对象中分别拿出所需要的 年，月日，时，分，秒 并放到一个变量中存储起来 var year = oDate.getFullYea
阅读全文
摘要：window 是所有BOM中所有对象的核心。 window 的属性 window.self代表自己本身，相当于window。 eg: console.log(window.self window); window.parent 返回父窗口。 eg: console.log(window.parent
阅读全文
摘要：1.Math对象 作用:用于执行数学任务,把Math作为对象就可以调用其方法和属性. eg: typeof Math); 2.Math属性 PI:圆周率(约等于 3.1415926); eg: console.log(Math.PI); 3.Math方法 Math.round()四舍五入 Math.
阅读全文
摘要：一:数组方法 var arr = []; 1.arr.push()//给数组末尾<添加>元素 2.arr.unshift()//给数组头部<添加>元素 3.arr.shift()//删除数组<头部>元素//返回值为被删除的元素 4.arr.pop()//删除数组<末尾>的元素//返回值为被删除的元素
阅读全文
摘要：实现思路：获取滚动元素的高度，滚动条距离顶部的距离，滚动条的高度， 算式：可视窗口的高度 + 滚动条距离顶部的距离 == 滚动条的高度就说明到底部。 HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n
阅读全文
摘要：ES5数组方法： Array.prototype.filter() 对数组元素进行过滤 三个参数：元素值，下标，原数组 返回：过滤后符合条件的数组,不会改变原数组 let arr = [2,4,6,7,8]; let res = arr.filter(function(item,index,arra
阅读全文
摘要：ES5： ES5： var a = 12,b=13,c; c = a; a = b; b = c; console.log(a,b);//13,12 通过设置第三方变量交换赋值来实现 ES6 ES6 var a = 12,b=13; [a,b] = [b,a]; console.log(a,b);
阅读全文
摘要：console.log 以日志的形式打印 console.warn 输出警示信息 console.info 输出提示信息 console.error 输出错误信息 console.debug 输出调试信息 console.group 输出一组信息 console.groupEnd 输出一组信息的关闭
阅读全文
摘要：开发了很久的小程序，在接到一个h5移动端页面的时候，很多原生的东西都忘了，虽然说我们随着工作经验的增加，处理业务逻辑的能力在提高，但是基础的东西如果长时间不用，也会逐渐忘记。所以以后会经常总结原生的一些知识，一边后面自己忘记时，提供查询之所。 HTML <div class="wraper"> <d
阅读全文
摘要：在前端开发的时候，有时候为了测试需要得到访问客户的ip地址。虽说是后端来做的，但是我们前端也可以完成。 先说下获取用户ip地址，包括像ipv4,ipv6,掩码等内容，但是大部分都要根据浏览器的支持情况来决定，目前主流浏览器对于ipv4的支持是统一的。第一种：用于仅支持IE的且允许Activex运行，
阅读全文
摘要：今天突然想回顾一下四大排序，虽然说在实战中没有用到，但是想回顾一下四大排序的思想 var arr = [23, 34, 11, 22, 19, 18]; var arr = [23, 34, 11, 22, 19, 18]; 1.冒泡排序： 冒泡排序的思路分析： 第1轮 第1步：[23, 34, 1
阅读全文
摘要：前言：在实现业务逻辑的过程中，很多工程师都会遇到需要判断一个对象，数组是否为空的情景，很多时候我们在请求数据的时候都需要判断请求的对象数据是否为空，如果直接使用，在数据请求为空时，控制台就会报错。因此我们需要给一个判断，如果数据存在就直接调用，不存在就创建空的对象/数组。下面狗尾草给大家整理了几种判
阅读全文
浙公网安备 33010602011771号