javascript
CodeYu_
这个作者很懒,什么都没留下…
展开
-
js阻止a标签默认跳转
js阻止a标签默认跳转函数: // 阻止默认跳转 function stopDefault( e ) { if ( e && e.preventDefault ) e.preventDefault(); else window.event.returnValue = false; return false; } 使用: // 阻止所有a标签的跳转转载 2021-07-21 19:13:17 · 571 阅读 · 0 评论 -
VUE实现计时器
VUE实现计时器1.定义开始计时,结束计时方法 //开始方法 answer() { this.beginTime = moment().format("X"); //点击开始,获取当前时间(秒) }, hangUp() { this.endTime = moment().format("X");//点击结束,获取当前时间(秒) },2.在computed中添加计时器时时更新时间 watch: { sessionDuration(原创 2021-07-06 18:31:48 · 7179 阅读 · 1 评论 -
Vue实现函数防抖和节流
效果:一、在utils文件加下创建globalFunction.js文件export default { //防抖 debounce(func, wait) { let timeout; return function () { const context = this; const args = [...arguments]; if (timeout) clearTimeout(t原创 2020-11-11 15:24:19 · 537 阅读 · 1 评论 -
JS中的深拷贝和浅拷贝
JS中的深拷贝和浅拷贝如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝如果B没变,那就是深拷贝。1.浅拷贝:let a=[0,1,2,3,4], b=a;console.log(a===b);a[0]=1;console.log(a,b);此时,修改数组a,数组b也跟着变了。1.1object.assign(target,source)Object.assign 方法只复制源对象中可枚举的属性和对象自身的属原创 2020-09-23 17:05:48 · 122 阅读 · 0 评论 -
todoList应用及交互
todoList应用及交互效果图:(主要以移动端为基础)<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="原创 2020-09-04 09:31:42 · 262 阅读 · 0 评论 -
DMO简介和DOM操作(二)
DMO简介和DOM操作(二)节点的获取、设置和删除1.获取节点元素节点.getAttribute(属性名)2.设置节点元素节点.setAttribute(属性名,新的属性值)3.删除节点元素节点.removeAttribute (属性名)<body> <div id="d1"> helloWorld </div> <script type="text/javascript"> var d1 = document.q原创 2020-09-01 23:21:12 · 990 阅读 · 0 评论 -
DOM简介和DOM操作(一)
DOM简介和DOM操作JavaScript的组成ECMAScript:JavaScript的语法标准,包括变量、表达式、运算符、函数、if语句、for语句等等。DOM:文档对象模型(Document object Model),操作网页上的元素的API,比如让盒子移动、变色、轮播图等。BOM:浏览器对象模型,操作浏览器部分功能的API,比如让浏览器自动滚动。节点节点(Node):构成HTML网页的最基本单元,网页中的每一个部分都可以称为是一个节点,比如:html标签、属性、文本、注释等都是一原创 2020-09-01 00:16:08 · 369 阅读 · 0 评论