![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
异世城
这个作者很懒,什么都没留下…
展开
-
Vue:滚动页面到指定位置实现
在Vue中,有三种方式可以实现H5页面滑动至指定位置方法1://先获取目标位置距离mounted() { this.$nextTick(() => { setTimeout(() => { let targetbox= document.getElementById('targetbox'); this.target= targetbox.offsetTop; }) })}//再滑动指定距离document转载 2022-01-29 11:18:55 · 15756 阅读 · 3 评论 -
vue组件中this和$el指向
示例代码为element ui 源码的select组件源码控制台输出:结论:this指向组件的实例。$el指向当前组件的DOM元素。转载 2022-01-25 10:48:15 · 314 阅读 · 0 评论 -
打开大写锁定的方法
onKeyPress(event: any) { this.platform = getDevice(); if((event.shiftKey && this.platform === "mac" ) ||event.getModifierState('CapsLock')){ this.isCapsLock = true; }else{ this.isCapsLock = false; } //event.g.原创 2021-12-02 10:56:06 · 379 阅读 · 0 评论 -
Vue项目中$t()的意思
一般项目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')" /&.转载 2021-09-03 13:22:15 · 9799 阅读 · 1 评论 -
前端项目设置点击手机号码唤起拨号功能
1.index.html中添加如下代码:<meta name="format-detection" content="telephone=yes" />2.在需要调起手机拨号功能的页面,写如下函数:// 调用拨号功能callPhone (phoneNumber) { window.location.href = 'tel://' + phoneNumber}...原创 2021-09-03 13:14:30 · 1449 阅读 · 0 评论 -
H5页面跳转至应用市场(Android/ios)(判断是Android还是ios)
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...转载 2021-09-03 13:08:23 · 827 阅读 · 0 评论 -
vue 日期格式化-将时间2020-11-10T12:01:50.942转换成2020-11-10 12:01
返回数据:页面效果:代码如下: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.原创 2020-11-17 09:43:27 · 3480 阅读 · 1 评论 -
vue 事件修饰符(阻止默认行为和事件冒泡)
<!-- 停止冒泡 --><button @click.stop="doThis"></button><!-- 阻止默认行为 --><button @click.prevent="doThis"></button><!-- 阻止默认行为,没有表达式 --><form @submit.prevent></form><!-- 串联修饰符 --><button @clic.原创 2020-11-06 10:53:47 · 2664 阅读 · 0 评论 -
JS 之 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别
在前端开发中,有时我们需要阻止冒泡和阻止默认事件的发生。 一、event.stopPropagation() 阻止事件的冒泡,不让事件向documen上蔓延,但是默认事件任然会执行,当调用这个方法的时候,如果点击一个连接,这个连接仍然会被打开。 二、event.preventDefault() 阻止默认事件的方法,调用此方法时,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素; 三、return false; 这个方法比较暴力,会同时阻止事件冒泡也会阻止默认事件;写上此代码转载 2020-11-06 10:33:24 · 317 阅读 · 0 评论 -
看懂cookie,及与localStorage与sessionStorage的区别
前言:cookie本身并不是用来做服务器存储的。但在 localStorage 出现之前,cookie被滥用当做了存储工具,什么数据都放在cookie中,即使这些数据只在页面中使用、而不需要随请求传送到服务端(当然cookie也做了一些限制:大小受限、每个域名下生成的cookie数量受限)。就像CSS中的float,最初被设计出来的初衷,是用于做文字环绕效果的,就是一个图片、一段文字,给图片加上float:left的样式后,就会产生文字环绕图片的效果。但是后来发现float结合,可以实现之前通过实现的网转载 2020-11-06 10:22:27 · 411 阅读 · 0 评论 -
前端对cookie的使用
注意:要使用cookie,页面必须在服务器中运行,直接双击打开页面无法使用cookie。 在进行微信公众号页面开发时,由于localStorage退出微信无法自动清除数据,而sessionStorage每次关闭页面就会清除数据。 既想要退出微信可以清除数据,而关闭页面又仍有留有登录信息时,我们可以选择把token存储在cookie中。cookie相关代码如下所示://设置自定义过期时间cookiefunction setCookie(name...转载 2020-11-04 11:45:52 · 476 阅读 · 0 评论 -
对象
对象一、对象:1.实例化对象的方式:new Object()var obj = { name:”张三”}读取对象上的属性:obj.name||obj[“name”] 动态的给对象添加属性obj.age||obj[“age”] = 值 删除对象的属性:【关键字delete】 delete obj.name注意:对象的属性也是一个对象...原创 2019-08-15 17:37:52 · 81 阅读 · 0 评论 -
字符串对象
字符串对象1.var str = “abcd”; var str1 = new String(“abcd”); console.log(str == str1, str === str1); true false console.log(str,includes(“ac”)); f...原创 2019-08-15 14:40:09 · 203 阅读 · 0 评论 -
日期时间对象
日期时间对象1.定义:用来保存日期时间的,以特定的时间段保存时间,从1970年向前和向后推285616年。UTC是格林尼治时间,又称为世界统一时间,2.日期时间对象:Date3.实例化日期时间对象 var data = new Date() 表示当前本地时间var s = new Date()*1 == date.valueOf(); 表示特定时间戳,从19...原创 2019-08-14 10:13:31 · 191 阅读 · 0 评论 -
数组
数组1.数组也是对象的一种2.数组的创建方式: 1)字面量(直接量) Eg:var arr = [1,2,3,4,5]; 注意:a)数组中的元素是可读写的; b)arr[6.6]=8 中括号中的6.6表示属性名,8表示属性值 ...原创 2019-08-14 15:47:16 · 130 阅读 · 0 评论 -
函数
函数1.定义:函数是由事件驱动的当被调用执行时可以重复使用的代码块。2.函数可以在任何时候任何地方封装,也可以在任何时候任何地方被调用执行(针对命名函数,因为匿名函数赋值给的变量存在声明提升)3.函数里的隐藏对象:arguments。arguments是一伪数组,是对象,是所有实参的一个集合eg: function fn(a,,b,c,d,e){ console.lo...原创 2019-08-14 15:57:10 · 76 阅读 · 0 评论 -
DOM
DOM1.文档对象模型2.DOM描绘了一个层次化的节点树3.节点类型:每一个节点上都有nodeName, nodeType, nodeValue,每一种节点都是对象 1> 文档节点 2> 注释节点 3> 属性节点 4> 文本节点 5> 元素节点4.获取元素节点对象的操作方法...原创 2019-08-14 20:28:25 · 74 阅读 · 0 评论 -
正则表达式
正则表达式1.正则对应的构造函数:RegExp;2.创建正则表达式: 直接量:/ /; New关键字:new RegExp(“正则”,“修饰符[11]”);3.汉字:/[\u4e00-\u9fa5]/g4.正则中引入变量的方式; Eg: var char = ...原创 2019-08-14 08:46:40 · 417 阅读 · 0 评论 -
运动函数
运动函数var ani = ele.animate([keyframes],{options});keyframes: 一个对象,代表关键帧的集合;options:【可选参数】代表动画持续时间的整形数字(以毫秒为单位),或者一个包含一个或多个时间属性的对象。 属性:...原创 2019-08-11 10:45:22 · 728 阅读 · 0 评论 -
DOM元素节点对象上的属性
DOM元素节点对象上的属性attributes 标签内部所有属性的集合childElementCount 父元素下所有子元素的数量childNodes 父元素下所有子节点的集合children 父元素下所有子元素的集合classList 当前元素...原创 2019-08-15 10:24:09 · 282 阅读 · 0 评论 -
事件
事件1.定义:事件是js跳动的心脏,可实现用户和浏览器之间的交互2.事件流:【事件执行的顺序】 1>事件捕获(默认被禁止):从最不具体的元素到最具体的元素(从外到内)。2>事件冒泡(主流浏览器都支持):从最具体的元素向最不具体的元素冒泡(从内到外【找父辈元素不找兄弟元素】。3.目标元素:是触发该事件的元素4.阻止事件冒泡: IE: 事...原创 2019-08-15 11:50:28 · 67 阅读 · 0 评论 -
BOM(window)
BOM(window)1..Location(包含有关当前URL的信息) 【对象属性】.hash 设置或返回从#开始的URL(锚);.href 设置或返回完整的URL(可读写).search 设置或返回从?开始的URL(查询部分)2..History 对History对象的只读引用(length: back(): forward(): go())...原创 2019-08-15 12:04:16 · 94 阅读 · 0 评论 -
数学对象
数学对象 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...原创 2019-08-14 08:45:35 · 381 阅读 · 0 评论