- 博客(60)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS的深拷贝与浅拷贝
深拷贝和浅拷贝主要是针对对象赋值的。对象a赋值给对象b，实际上只是b接受了a对象的指针。当引用对象b时，先引用a的地址，再引用a的属性和方法。这样，如果对a的属性值进行修改的时候，再引用b时，b的属性值也会发生变化。为了避免这种混乱的局面，js提出浅拷贝和深拷贝的概念。浅拷贝 Object.assgin() 或 {...}浅拷贝对象时，会直接把原对象内的属性值都赋值到新对象中...
2019-11-01 09:45:56
167
原创 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
597
原创 JavaScript模仿块级作用域
对于其他语言，{ }内定义变量中括号内代码执行完毕后被销毁。而对JavaScript来说，并不会这样，因为JavaScript没有块级作用域。例如if (true) { var color = "blue"; } alert(color); //"blue"这个例子中，if语句{ }内定义的color变量中if语句执行完之后仍然可以中全局环境中调用。这是因为if语句的并没有产生块...
2019-10-23 10:32:34
167
原创 JS函数作用域延长的方法
当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。作用域链的用途，是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端，始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数，则将其活动对象（activation object）作为变量对象。活动对象在最开始时只包含一个变量，即 arguments 对象（这个对象在全局环境中是不存在的）。作用域链...
2019-10-22 15:06:00
629
原创 JS继承重识
JS继承的主要方法是通过原型链让一个引用类型继承另一个引用类型的属性和方法。通常的做法也可以表述为，让一个构造函数的原型对象等于另一个类型都实例。例如基本形式如下：function SuperType(){ this.colors = ["red", "blue", "green"];} function SubType(){ } //继承了 SuperType SubTy...
2019-10-22 08:54:02
83
原创 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
74
原创 CSS长度单位
CSS的长度单位可以分为 绝对长度单位和相对长度单位一、绝对长度单位英寸 in 厘米 cm 毫米 mm 点 pt 标准印刷度量单位 ; 1 in = 72 pt 派卡 pc 另一种印刷单位 ; 1 pc = 12pt二、相对长度单位em ex pxem 是相对于父元素的或者同级元素的字体大小， 1em=1倍 ； 2em = 2倍。ex 是指所用字体中小写x的高...
2019-10-14 17:25:04
215
原创 CSS伪类、伪类选择器详解
伪类，是一种为不定时出现的样式而诞生的一类样式。伪类对应的元素和其他元素的区别是，它随着文档操作而产生和销毁，其他元素往往是静止存在的。当伪类元素生效时，伪类样式随之生效。 这就是伪类存在的意义和作用，即为文档的某些变化，附加相应的样式。拿最常见的伪类，超链接标签伪类，来说。已访问 a:visited未访问 a:link鼠标停留 a:hover鼠标点击 a:active...
2019-10-14 13:52:57
160
转载 Vue.js--表单修饰符（.lazy、.number、.trim）详解
原创 Vue.js--表单修饰符（.lazy、.number、.trim）详解 ...
2019-10-14 09:24:59
1094
原创 vue之 ajax post数据失败的一种情况及解决方法
在vue项目中遇到过一个这样的问题。：向后台数据接口post数据时，惯用的将参数放在 obj 对象，然后将obj 对象传入接口函数的时候，返回bad request 400错误。export async function downcolumn(id) { let obj = { id: id, } return smartDeskPo...
2019-10-12 16:12:43
2109
原创 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
6753
原创 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
147
原创 VUE——引用Toast
VUE中Toast经常使用。在使用之前需要在main.js文件中引入。一般vue脚手架包含了常用的vue模块，就包括了toast。1.在main.js文件中引入toast模块。由于toast是包含在min-ui中的，因此只需要引入mint-ui。2.别忘了同时引入样式3.引入之后对Toast进行声明import MintUI from 'mint-ui'import 'mi...
2019-09-30 17:54:41
1053
原创 VUE——在methods方法中调用方法
如题，也就是如何在vue 的methods中方法互相调用！分两种情况，1.被调用的方法不传递参数 这种情况下，直接写 this.+方法名2.被调用的方法需要传参 这种情况下，需要this.$options.methods.+方法名。例如：async creatMessage(){ let current = new Dat...
2019-09-30 09:16:07
1556
原创 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
3978
1
原创 JS——比较当前时间和历史时间
JS中new Date()可以创建一个标准时间格式的当前时间。对于已经存在的历史时间，例如 letendtime="2019-03-01 00:00:00";如果要比较当前时间和它的大小，需要先把历史时间转化成标准格式。先使用字符串替换，替换-符号，再让new Date()接收endtime时间字符串，new Date()会输出标准格式时间，直接用关系操作比较符即可比较两个标...
2019-09-29 16:31:29
1979
原创 VUE——移动端返回上一层的逻辑判断
在移动端VUE项目中，默认有返回上一层的功能，例如安卓手机的左上角返回按钮。当我们需要在返回上一级之前进行某些函数判断时，可以借助beforeRouteLeave 进行判断。具体作法：在exportdefault中写函数：beforeRouteLeave(to,from,next) { if (this.btnColorChange==false){ ...
2019-09-29 15:55:55
1731
原创 CSS——设置元素边框的bug，当boder-radius比border本身大的时候
border-radius比边框本身大的时候会出现border被隐藏
2019-09-29 15:44:54
567
原创 CSS——布局方法，上下左右居中
把一个块元素的布局设置为相对父元素 上下左右居中。记住以下祖传代码position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
2019-09-29 15:41:10
313
原创 VUE&&CSS——最简单的为元素添加背景图片，并自适应div的大小
为一个高宽固定的块元素添加背景图片 在样式表中 添加背景图片的src， background-image: url('../../assets/images/top_bg1.png') ;通常还需要将背景图片的大小进行调整 ，以适合块元素的大小. background-size: cover;完整的css如下:.bg-part{...
2019-09-29 12:08:24
5831
原创 VUE——为img元素动态添加src及注意事项
在vue项目中，通常需要通过v-for 渲染多个img元素，当我们想给每个img元素添加他们各自的src时，需要用到vue src动态绑定例如下面，<img :src="typeIcon(tt.questionType)" alt="加载失败">这里的tt 就是渲染的内容，每个img的src需要根据tt的questionType去判断我们首先为这...
2019-09-29 11:58:26
3856
2
原创 vue学习之使用ajax获取后台数据
干什么？—— vue项目中写ajax接口从后台获取数据how to do?在vue文件的import中声明目标文件数据接口名称，比如说 要使用 queryQuestionnaireList 这个接口的数据这里的 queryQuestionnaireList数据是 ajax/index中引入的，因此要到 ajax文件夹中 写 queryQuestionnaireList的引...
2019-08-20 15:37:02
613
1
原创 vue项目之 pages页面新建页面的搭建与关联
对于一个VUE项目，在维护过程中往往需要加入新的页面(learntest)，那么在写这个页面的vue文件之前，需要做哪些工作才能保证新的页面在项目中成功的运行呢？Step1: 首先在主页添加新页面的图标, 需要在src文件下 的 config文件夹中的config.js文件中加入 新页面的path路径 Step2: 然后在src...
2019-08-20 12:09:51
2318
原创 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
2309
1
原创 JS基础语法重点一数据类型与操作符重点
一、数据类型（6=5基本类型+1复杂类型）基本类型：5种——数字、字符串、布尔、undefined、null。复杂类型：1种——object。也叫引用类型实际上是一种数据结构，将数据和功能组合在一起。最终JS所有变量都将是上述6种类型之一。JS变量可能包含两种数据类型，将一个值赋给变量时，解析器必须确定这个值是基本类型还是引用类型。检测类型的第一种方法是使用 type of。它...
2018-08-02 11:09:11
136
原创 字符串常用操作
一、变换大小写string.toLowerCase(), string.toUpperCase();var big = "QWERTYU"; big.toLowerCase(); //"qwertyu"var yh = "qwertyui"; yh.toUpperCase(); //"QWERTYUI"二、获取字符串长度 ...
2018-07-27 15:56:20
186
原创 JS类型检测
主要有两种类型检测typeof 以及 instanceof一、typeof 判断类型 返回一个字符串 typeof——数字>>>>>>>numbertypeof——布尔值>>>>>>>booleantypeof——字符串>>>>&
2018-07-25 22:12:45
380
原创 JS数组排序、搜索
一、数组排序reverse() 此方法按照数组原来的索引顺序逆排序，不比较元素大小。sort()sort()在默认情况下，把数组的元素转化成字符串进行比较，因此通常给sort()传入一个函数，函数返回值为正数时，交换两个元素的索引。对于字符串数组的排序，JS会把字符串按照ASCII表转换成ASCII码，比较各字符的码字大小。二、数组搜索indexOf() 参数...
2018-07-23 18:22:20
496
原创 数组
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
126
原创 ES6
1.模板字面量模板字面量用一对'包裹，要插入变量的值，只需要放在${}里就行了。 2.箭头函数一种函数声明和定义的简便形式。let 变量名 = （形参名）=>{.....;....;} 这样也就省去了function的书写3.使用类进行面向对象编程声明一个类，然后加入构造函数和属性函数即可。 4.继承使用extends 关键字进行指定...
2018-07-23 10:03:35
114
原创 Ajax初识
过去——页面需要更新内容的时候，要向服务器请求，服务器做出响应，返回一个完整的页面。 结果就是~~~太慢了！现在——利用Ajax，浏览器只需要向服务器发送需要修改的部分，然后服务器返回需要修改的部分。有时，对于简单的某些更新，甚至不需要和服务器通信！ 结果就是快了很多~~Ajax核心——异步请求！ 在使用Ajax的时候，...
2018-07-18 11:04:34
112
原创 搞懂 ctx.restore();ctx.save()；ctx.beginPath();
在做canvas时钟时，ctx.restore();ctx.save()；ctx.beginPath();反复用到！那么，这几个函数到底是什么功能呢?有什么区别和联系呢？1.beginPath()w3c上的解释：beginPath() 方法在一个画布中开始子路径的一个新的集合。也就是说，运行到这个函数时，context中止当前的路径，立刻把当前的坐标设置为起点(0,0)，开始一条新...
2018-07-17 22:15:00
11638
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人