weixin_39583421的博客

在Vue中，有三种方式可以实现H5页面滑动至指定位置方法1：//先获取目标位置距离mounted() { this.$nextTick(() => { setTimeout(() => { let targetbox= document.getElementById('targetbox'); this.target= targetbox.offsetTop; }) })}//再滑动指定距离document

示例代码为element ui 源码的select组件源码控制台输出：结论：this指向组件的实例。$el指向当前组件的DOM元素。

onKeyPress(event: any) { this.platform = getDevice(); if((event.shiftKey && this.platform === "mac" ) ||event.getModifierState('CapsLock')){ this.isCapsLock = true; }else{ this.isCapsLock = false; } //event.g.

一般项目vue文件中将会把中文字符的数量拉至最低，这时候需要用一个文件容器来储存他们。举例：<el-form-item:label="$t('staffManage.modal.userName')"prop="userName"class="is-required"> <el-input v-model="formValue.userName" :placeholder="$t('staffManage.modal.placeholder')" /&.

1.index.html中添加如下代码：<meta name="format-detection" content="telephone=yes" />2.在需要调起手机拨号功能的页面，写如下函数：// 调用拨号功能callPhone (phoneNumber) { window.location.href = 'tel://' + phoneNumber}...

var u = navigator.userAgent; var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; //android终端 var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 //android端 if (isAndroid) { l...

返回数据：页面效果：代码如下：dateFormat ('Tue Mar 06 2012 00:00:00 GMT+0800', 'yyyy-MM-dd');//示例function dateFormat (time, format) { var t = new Date(time) var tf = function (i) { return (i < 10 ? '0' : '') + i } return format.replace(/yyyy|M.

<!-- 停止冒泡 --><button @click.stop="doThis"></button><!-- 阻止默认行为 --><button @click.prevent="doThis"></button><!-- 阻止默认行为，没有表达式 --><form @submit.prevent></form><!-- 串联修饰符 --><button @clic.

在前端开发中，有时我们需要阻止冒泡和阻止默认事件的发生。　　一、event.stopPropagation()　　阻止事件的冒泡，不让事件向documen上蔓延，但是默认事件任然会执行，当调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。　　二、event.preventDefault()　　阻止默认事件的方法，调用此方法时，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；　　三、return false；　　这个方法比较暴力，会同时阻止事件冒泡也会阻止默认事件；写上此代码

前言：cookie本身并不是用来做服务器存储的。但在 localStorage 出现之前，cookie被滥用当做了存储工具，什么数据都放在cookie中，即使这些数据只在页面中使用、而不需要随请求传送到服务端（当然cookie也做了一些限制：大小受限、每个域名下生成的cookie数量受限）。就像CSS中的float，最初被设计出来的初衷，是用于做文字环绕效果的，就是一个图片、一段文字，给图片加上float:left的样式后，就会产生文字环绕图片的效果。但是后来发现float结合，可以实现之前通过实现的网

注意：要使用cookie，页面必须在服务器中运行，直接双击打开页面无法使用cookie。 在进行微信公众号页面开发时，由于localStorage退出微信无法自动清除数据，而sessionStorage每次关闭页面就会清除数据。 既想要退出微信可以清除数据，而关闭页面又仍有留有登录信息时，我们可以选择把token存储在cookie中。cookie相关代码如下所示：//设置自定义过期时间cookiefunction setCookie(name...

对象一、对象：1.实例化对象的方式：new Object()var obj = { name:”张三”}读取对象上的属性：obj.name||obj[“name”] 动态的给对象添加属性obj.age||obj[“age”] = 值 删除对象的属性：【关键字delete】 delete obj.name注意：对象的属性也是一个对象...

字符串对象1.var str = “abcd”; var str1 = new String(“abcd”); console.log(str == str1, str === str1); true false console.log(str,includes(“ac”)); f...

日期时间对象1.定义：用来保存日期时间的，以特定的时间段保存时间，从1970年向前和向后推285616年。UTC是格林尼治时间，又称为世界统一时间，2.日期时间对象：Date3.实例化日期时间对象 var data = new Date() 表示当前本地时间var s = new Date()*1 == date.valueOf(); 表示特定时间戳，从19...

数组1.数组也是对象的一种2.数组的创建方式： 1）字面量（直接量） Eg：var arr = [1,2,3,4,5]; 注意：a)数组中的元素是可读写的； b)arr[6.6]=8 中括号中的6.6表示属性名，8表示属性值 ...

函数1.定义：函数是由事件驱动的当被调用执行时可以重复使用的代码块。2.函数可以在任何时候任何地方封装，也可以在任何时候任何地方被调用执行（针对命名函数，因为匿名函数赋值给的变量存在声明提升）3.函数里的隐藏对象：arguments。arguments是一伪数组，是对象，是所有实参的一个集合eg: function fn(a,,b,c,d,e){ console.lo...

DOM1.文档对象模型2.DOM描绘了一个层次化的节点树3.节点类型：每一个节点上都有nodeName, nodeType, nodeValue，每一种节点都是对象 1> 文档节点 2> 注释节点 3> 属性节点 4> 文本节点 5> 元素节点4.获取元素节点对象的操作方法...

正则表达式1.正则对应的构造函数：RegExp；2.创建正则表达式： 直接量：/ /; New关键字：new RegExp(“正则”,“修饰符[11]”)；3.汉字：/[\u4e00-\u9fa5]/g4.正则中引入变量的方式； Eg: var char = ...

运动函数var ani = ele.animate([keyframes],{options});keyframes: 一个对象，代表关键帧的集合；options:【可选参数】代表动画持续时间的整形数字（以毫秒为单位），或者一个包含一个或多个时间属性的对象。 属性：...

DOM元素节点对象上的属性attributes 标签内部所有属性的集合childElementCount 父元素下所有子元素的数量childNodes 父元素下所有子节点的集合children 父元素下所有子元素的集合classList 当前元素...

事件1.定义：事件是js跳动的心脏，可实现用户和浏览器之间的交互2.事件流：【事件执行的顺序】 1>事件捕获（默认被禁止）：从最不具体的元素到最具体的元素（从外到内）。2>事件冒泡（主流浏览器都支持）：从最具体的元素向最不具体的元素冒泡（从内到外【找父辈元素不找兄弟元素】。3.目标元素：是触发该事件的元素4.阻止事件冒泡： IE: 事...

BOM(window)1..Location(包含有关当前URL的信息) 【对象属性】.hash 设置或返回从#开始的URL（锚）；.href 设置或返回完整的URL（可读写）.search 设置或返回从？开始的URL（查询部分）2..History 对History对象的只读引用（length: back(): forward(): go()）...

数学对象 1.保存的是一些数学信息和公式； 2.对象：Math (是一个静态对象)； 3.向上求整：Math.ceil();Eg: Math.ceil(1.3); 2 Math.ceil(-1.3); -1 4.向下求整：Math.floor()Eg: Math.floor(-1,3) -2...