
JavaScript&ECMAScript
文章平均质量分 83
怎么才这几个粉丝
废话一直很多
展开
-
JS的深拷贝与浅拷贝
深拷贝和浅拷贝主要是针对对象赋值的。对象a赋值给对象b,实际上只是b接受了a对象的指针。当引用对象b时,先引用a的地址,再引用a的属性和方法。这样,如果对a的属性值进行修改的时候,再引用b时,b的属性值也会发生变化。为了避免这种混乱的局面,js提出浅拷贝和深拷贝的概念。浅拷贝 Object.assgin() 或 {...}浅拷贝对象时,会直接把原对象内的属性值都赋值到新对象中...原创 2019-11-01 09:45:56 · 210 阅读 · 0 评论 -
JS获取地址中的字段参数信息
分享一个很好用的Url地址字段信息提取方法,封装成了一个函数。function getParam(_name,_url){ if(new RegExp(".*\\b"+_name+"\\b(\\s*=([^&]+)).*", "gi").test(_url)){ return RegExp.$2; }else{ return null; }}_url可以为wi...原创 2019-10-29 14:50:16 · 664 阅读 · 0 评论 -
JavaScript模仿块级作用域
对于其他语言,{ }内定义变量中括号内代码执行完毕后被销毁。而对JavaScript来说,并不会这样,因为JavaScript没有块级作用域。例如if (true) { var color = "blue"; } alert(color); //"blue"这个例子中,if语句{ }内定义的color变量中if语句执行完之后仍然可以中全局环境中调用。这是因为if语句的并没有产生块...原创 2019-10-23 10:32:34 · 215 阅读 · 0 评论 -
JS函数作用域延长的方法
当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象(activation object)作为变量对象。活动对象在最开始时只包含一个变量,即 arguments 对象(这个对象在全局环境中是不存在的)。作用域链...原创 2019-10-22 15:06:00 · 719 阅读 · 0 评论 -
JS继承重识
JS继承的主要方法是通过原型链让一个引用类型继承另一个引用类型的属性和方法。通常的做法也可以表述为,让一个构造函数的原型对象等于另一个类型都实例。例如基本形式如下:function SuperType(){ this.colors = ["red", "blue", "green"];} function SubType(){ } //继承了 SuperType SubTy...原创 2019-10-22 08:54:02 · 117 阅读 · 0 评论 -
JS对象创建重识
创建对象的方式:6种工厂模式:function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } var...原创 2019-10-21 17:57:10 · 111 阅读 · 0 评论 -
URL全面解析
转载 如何使用 JavaScript 解析 URL ...原创 2019-10-12 16:52:48 · 2666 阅读 · 0 评论 -
URL路径写法
常见的URL有多种形式,这种src="http://api.map.baidu.com/api?v=3.0&ak=ttihABQXoDe0DxuoBNdCt5e037OdPUtF"这种static/Echarts/echarts.js这种../../assets/images/cata.png还有这种@/ajax/index。。。。这里主要归...原创 2019-10-09 18:01:20 · 7491 阅读 · 0 评论 -
JS之祖传代码之删除数组中的某个指定元素
这里的指定元素肯定不是元素的序号,而是内容。思路是先用indexOf 匹配到指定内容元素的位置,然后用数组操作splice删除指定位置的元素。例如:let val =this.checkedMxsValue[dd.id].indexOf(dds.code) //找到要删除的元素的位置this.checkedMxsValue[dd.id].splice(val,1) //向spi...原创 2019-09-30 18:01:16 · 183 阅读 · 0 评论 -
JS——判断两个数组是否相等的简单方法
先把数组转化成字符串 , 再用关系操作符判断两个字符串是否相等。原创 2019-09-30 16:27:01 · 996 阅读 · 0 评论 -
VUE——,json,json数组,json字符串
在vue项目中经常会遇到向后台提交数据的数据类型为json字符串。这就涉及到json、json数组、json字符串。首先,JSON 其实并不是JS独有的,在许多编程语言中都可以解析JSON。JSON是一种结构化的数据格式。从结构表面上看,JSON对象与JS对象的写法相似。但是要特别注意以下区别:1.JSON对象括号末尾不能加分号。2.JSON属性名必须加引号下面是一个JS...原创 2019-09-29 18:38:25 · 4195 阅读 · 1 评论 -
JS——比较当前时间和历史时间
JS中new Date()可以创建一个标准时间格式的当前时间。对于已经存在的历史时间,例如 letendtime="2019-03-01 00:00:00";如果要比较当前时间和它的大小,需要先把历史时间转化成标准格式。先使用字符串替换,替换-符号,再让new Date()接收endtime时间字符串,new Date()会输出标准格式时间,直接用关系操作比较符即可比较两个标...原创 2019-09-29 16:31:29 · 2066 阅读 · 0 评论 -
for 语句中变量的作用域问题
一、for循环语句的花括号不能代表作用域,实际上整个for内部的语句的作用域与for属于同一级作用域。for (true){var color ="blue";}alert (color); //blue因此 ,常见一种JS题目。for (var i = 0;i<10;i++){ doSomethiing(i);}alert(i); // 10...原创 2018-08-02 11:47:31 · 2476 阅读 · 1 评论 -
JS基础语法重点一数据类型与操作符重点
一、数据类型(6=5基本类型+1复杂类型)基本类型:5种——数字、字符串、布尔、undefined、null。复杂类型:1种——object。也叫引用类型实际上是一种数据结构,将数据和功能组合在一起。最终JS所有变量都将是上述6种类型之一。JS变量可能包含两种数据类型,将一个值赋给变量时,解析器必须确定这个值是基本类型还是引用类型。检测类型的第一种方法是使用 type of。它...原创 2018-08-02 11:09:11 · 168 阅读 · 0 评论 -
JavaScript HTML DOM
DOM就是当网页被加载时,浏览器会创建页面的文档对象模型——Document Object Model在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。DOM 节点根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点...原创 2018-04-08 10:25:23 · 150 阅读 · 0 评论 -
JavaScript HTML DOM - 改变 HTML、CSS样式
1.直接在输出流中写入。 例如写入系统时间用Date()document.write(Date());2.修改指定元素内容document.getElementById("p1").innerHTML="New text!";3.改变html属性document.getElementById(id).属性名=new value;举个栗子:改变img的src<!DOCTYPE html>...原创 2018-04-08 14:49:25 · 731 阅读 · 0 评论 -
JavaScript——HTML DOM - 元素的加入、删除、替换
——————————————————————————————————————————一、创建新元素 1.- appendChild() 先创建该元素,然后把它追加到已有的元素上。<div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another p原创 2018-04-09 15:27:34 · 2938 阅读 · 0 评论 -
HTML DOM - 导航
通过 HTML DOM,可以准确定位到你想找的标签、内容。HTML DOM 节点列表getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。这样得到的是一个数组,最少是一个元素,且数组第一个元素是x[0];例子:获取所有 <p> 元素节点输出每个 <p> 元素的文本节点的值x=document.getElementsByTagName("p"...原创 2018-04-09 17:15:47 · 139 阅读 · 0 评论 -
JavaScript 对象
JS对象JS对象是带有方法和属性的特殊数据类型。构造JS对象 有两个方法:直接构造和使用构造器构造(函数构造) 直接构造: 构造person,并同时赋予它4个属性。person=new Object();person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor...原创 2018-04-09 22:24:55 · 124 阅读 · 0 评论 -
JavaScript Number 对象
JavaScript 数字所有 JavaScript 数字均为 64 位 JavaScript 不是类型语言。与许多其他编程语言不同,JavaScript 不定义不同类型的数字,比如整数、短、长、浮点等等。JavaScript 中的所有数字都存储为根为 10 的 64 位(8 比特),浮点数。精度 整数(不使用小数点或指数计数法)最多为 15 位。小数的最大位数是 17,但...原创 2018-04-10 10:23:21 · 183 阅读 · 1 评论 -
JS二维数组构建
二维数组在构造时要声明两次。<script type="text/javascript">var myarr=new Array(); for (var i=0;i<3;i++){ myarr[i]=new Array(); for(var j=0;j<6;j++) { myarr[i][j]=i*j; }}document.write...原创 2018-04-11 21:26:12 · 977 阅读 · 0 评论 -
JavaScript之数组连接concat()——在数组后面接上数组
一、在数组后面接上数组连接concat()——使用concat()函数原数组名.concat(补充数组1,补充数组2,....);在原数组基础上返回一个新的数组,原数组将发生改变,数组名不变。二、将字符串数组的各个元素拼接起来输出注:join(),返回一个字符串join()有一个参数,就是分隔符(默认是逗号),分隔符不写就是默认逗号。<script type="text/javascript...原创 2018-04-13 21:18:33 · 2862 阅读 · 0 评论 -
数组
1.声明一个数组var name = new Array();如果要指定数组name的长度可以加上一个长度数值, var name = new Array(7);还有更简单的方法创建数组:var name = [ , , , , , ] 数组长度 name.length。2.给数组添加元素不同于JAVA 和C++,JS的数组长度是动态变化的 ,也就是说向其添加一...原创 2018-07-23 17:10:08 · 176 阅读 · 0 评论 -
JS数组排序、搜索
一、数组排序reverse() 此方法按照数组原来的索引顺序逆排序,不比较元素大小。sort()sort()在默认情况下,把数组的元素转化成字符串进行比较,因此通常给sort()传入一个函数,函数返回值为正数时,交换两个元素的索引。对于字符串数组的排序,JS会把字符串按照ASCII表转换成ASCII码,比较各字符的码字大小。二、数组搜索indexOf() 参数...原创 2018-07-23 18:22:20 · 578 阅读 · 0 评论 -
JS类型检测
主要有两种类型检测typeof 以及 instanceof一、typeof 判断类型 返回一个字符串 typeof——数字>>>>>>>numbertypeof——布尔值>>>>>>>booleantypeof——字符串>>>>&原创 2018-07-25 22:12:45 · 432 阅读 · 0 评论 -
逗号表达式
逗号表达式(A,B,C) 表达式会依次计算括号里表达式的值,最后取最右边的值。例如 var yy=(1,2,3) // yy =3原创 2018-07-25 22:16:07 · 1683 阅读 · 0 评论 -
字符串常用操作
一、变换大小写string.toLowerCase(), string.toUpperCase();var big = "QWERTYU"; big.toLowerCase(); //"qwertyu"var yh = "qwertyui"; yh.toUpperCase(); //"QWERTYUI"二、获取字符串长度 ...原创 2018-07-27 15:56:20 · 240 阅读 · 0 评论 -
JS基础篇之——JavaScript 运算符
一、加法运算符(数字+字符)如果把数字与字符串相加,结果将成为字符串。<html><body><script type="text/javascript">x=5+5; 10document.write(x);document.write("<...原创 2018-04-08 10:12:08 · 161 阅读 · 0 评论