javascript中，原型是非常重要的一块知识点，在这里，我就简单介绍一下prototype。prototype可以将他理解为原型拓展，它面向的就是一个object，它的功能就是在原型链中拓展我们需要的功能。举个例子，比如js中本身带有Array实例，则Array则继承自Array.prototype，即Array的原型链，与所有构造函数一样，我们可以更改构造函数的原型对象 ，以对所有Array实例进行更改。比如，可以添加新的方法和属性来拓展所有Array对象。比如an对象...
本文主要和大家分享js表达式与运算符实例详解，希望能帮助到大家。js表达式与运算符1.表达式 表达式是用于javascript脚本运行时进行计算的式子，可以包含常量、变量、运算符；2.运算符 算术运算符 +-*/% ++ -- 注意：数值型支持自增自减运算符、布尔类型支持自增自减运算符、字符串不支持、null支持自增自减、undefined不支持 字符连接符 +号用来连接两个字符串； 只要+连接操作数中有一个是字符串型，js就会自动...
匿名自执行函数：没有方法名的函数，闭包：闭包是指有权访问另一个函数作用域变量的函数；本文主要和大家分享js匿名自执行函数实例详解，希望能帮助到大家。通过一个实例来解释：从网上找到了一个案例，使用了for循环、匿名自执行函数、setTimeout。案例1：var value1 =0,value2=0,value3=0;for(var i =1;i<=2;i++){ var i2 = i; console.log(i2==>,i2);(function(){ var i3 = i; console.log(i3==>,i3);setTimeout(functi...
本文主要和大家分享js鼠标事件实例详解，希望能帮助到大家。一般事件 事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 | 4Browser: IE3 | N2| O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2 | 3 | 3.2 | 4Browser: IE4 | N4| O鼠标双击事件onMouseDownHTML: 2 | 3 | 3.2 | 4Browser: IE4 | N4| O鼠标上的按钮被按下了onMouseUpHTML: 2 | 3 | 3.2 | 4Browser: IE4 | N4| O鼠标按下后，松开时激发的事件onMo...
JSON的形式是用大括号“{}”包围起来的项目列表，每一个项目间用逗号（,）分隔，而项目就是用冒号（:）分隔的属性名和属性值。这是典型的字典表示形式，也再次表明javascript里的对象就是字典结构。不管多么复杂的对象，都可以用一句JSON代码来创建并赋值。在JSON中，名称/值对 包括字段名称（在双引号中），后面写一个冒号，然后是值。JSON 结构(1).JSON有两种结构json简单说就是javascript中的对象和数组，所以这两种结构就是对象...
本文主要和大家分享js归并算法实例详解，希望能帮助到大家。将数组递归分裂成单个元素 然后合并数组let data3 = [14, 54, 73, 38, 39, 67, 75, 80, 50, 40, 96, 27, 105, 109, 77, 31]function breakArr (data,start,end) { if (start < end) { let mid = Math.floor((start + end)/2) breakArr(data,start,mid)breakArr(data,mid+1,end)combineArr(data,start,mid,end)}} function combineArr(data,start,mid,end){ ...
函数劫持，顾名思义，即在一个函数运行之前把它劫持下来，添加我们想要的功能。当这个函数实际运行的时候，它已经不是原本的函数了，而是带上了被我们添加上去的功能。这也是我们常见的钩子函数的原理之一。 乍一看上去，这很像是函数的改写。函数的改写也可以理解为是函数劫持的一种，但是这种方式太恶心了。作为一个劫持者，在绑票获得好处以后也应该遵守职业道德，把人原封不动地还回去，所以我们得在合适的地方把函数原本的功...
本文主要和大家分享JS匀速运动实例详解，希望能帮助到大家，我们先和大家介绍JS运动的基本原理。JS运动的基本原理：让p运动起来，关键是修改物体的坐标，op.style.left=offsetLeft+speed+px;但是这这样只能移动一次，我们可以利用定时器的作用，让这样的操作动起来。setInterval(funtion(){ op.style.left=offsetLeft+speed+px; （speed是每次移动的像素） },30)这样就可以运动了，不过会的效果不是我们需要的。源代码如下：要让运...
js字典 字典则是以[键，值]的形式来存储元素。字典也称作映射，本文主要和大家分享js字典和散列表实例详解，希望能帮助到大家。function Dictionary() { var items = {}; this.has = function(key) { return key in items; } this.set = function(key,value){ items[key] = value; } this.remove = function(Key){ if(this.has(Key)){ delete items[Key]; return true; } return false; } this.get = function(key){ return this.h...
js的数组去重的方法有很多，但是今天我们来使用es6的最新的函数来实现更简洁的解决方案。现在要介绍的两种方法都是与es6的新的数据结构Set有关,先简单介绍下Set。ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。可以接受一个数组作为参数，用来初试化。方案一：使用Set结合拓展符来使用const set = new Set([1, 2, 3, 4, 4]);[...set]// ==> [...
想要理解JavaScript的运行机制，需要分别深刻理解几个点：JavaScript的单线程机制、任务队列（同步任务和异步任务）、事件和回调函数、定时器、Event Loop（事件循环）。JavaScript的单线程机制JavaScript的一个语言特性（也是这门语言的核心）就是单线程。单线程简单地说就是同一时间只能做一件事，当有多个任务时，只能按照一个顺序一个完成了再执行下一个。JavaScript的单线程与它的语言用途是有关的。作为一门浏览器脚本语言，...
本文主要和大家分享JS事件绑定与冒泡实例详解，希望能帮助到大家。XAMPPA Apache 阿帕奇服务器 M Mysql P PHP P PERLJSONJSON 轻量级的数据交换格式 XML 一种数据交换格式 JSON用来表示对象和数组var json = ["171204",{"name":"张飞","age":"20"},{"name":"关羽","age":"22"}];// 通过JS自带的JSON.parse可以把JSON格式的字符串转化为对象var obj = JSON.parse(json);console.log(obj);模仿外卖页面<!DOCTYPE html> <html lang="e...
1.运用场景：假设有两个对象o1，o2，如果要把o2的方法和属性拷贝到o1中，混入式继承是最简便的方法之一2.实现方式：用for…in…的方式遍历o2对象的属性和方法，并将o2的属性和方法赋值给o1代码实现function mixExtend( o1, o2 ){for( var key in o2 ){o1[key] = o2[key];} return o1; }----------//调用一下var o1 ={};mixExtend( o1, { name:"二狗",age:18,say:function(){console.log("大家好，我是二狗"); } });console.log(...
本文主要和大家分享JS事件委托实例详解，先看看解析，事件委托：也称事件代理 就是利用冒泡的原理 把加事件加到父级上，触发执行效果。 首先呢，你一定写过这样的程序，有一个列表，当鼠标移入每个li，背景颜色变红，于是我们写出了这样的代 码：（我给的代码一般都写的重点代码，html大家可以自行写哈。）window.onload = oUl = document.getElementById(ull aLi = document.getElementsByTagName(li); ( i =0;i < aLi.length;i...
在文章使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的，也就是说是静态路由。而能传递参数的路由模式，由于可以传递参数，所以其对应的路由数量是不确定的，故称之为 动态路由。那么如何将参数作为路由呢？在参数名前面加上 : ，然后将参数写在路由的 path 内如下示例： routes: [ //将页面组件与path指令的路由关联{ name: BookInfo, path: /books/:id, component: BookInfo }]这样定义之后，vue-rout...