JavaScript
sai小懒
空
展开
-
vue移动端使用路由跳转到新页面,返回后旧页面数据保持不变
使用keep-alive1、在项目的app…vue文件中添加keep-alive<template> <div id="app"> <!-- <router-view/> --> <!--缓存想要缓存的页面,实现后退不刷新--> <!--加上v-if的判断,可以自定义想要缓存的组件,自定义在router里面--> <keep-alive> <router-view v原创 2022-05-09 15:27:46 · 6139 阅读 · 0 评论 -
npm安装依赖报错:npm ERR A complete log of this run can be found
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\misal\AppData\Roaming\npm-cache_logs\2020-08-06T05_46_39_769Z-debug.log说明:全局脚手架和本地脚手架版本不一样。解决方法:执行 npm install npm@latest -g 升级到最新版本(若升级到最新版本还是报错,则还需要再全局更新一下npm,更新后检查npm版本号不会变,内部应该转载 2021-12-30 11:33:54 · 44087 阅读 · 8 评论 -
【jQuery环境搭建】基础详解篇
关于jQuery的环境搭建,可采用两种方式:1、下载jQuery文件库在 jQuery官网 下载jQuery文件库,保存至本地文件夹,之后可采用内部链接方式将其引入我们的工程文件中,步骤如下:点击下方红色框内的链接,下载未压缩的开发版点击另存为,保存至相应的工程文件夹内之后就可以通过内部链接引入工程文件中:<script src="jquery-3.5.1.js"></script>2、直接引用方式在jQuery官网直接打开jQuery文件库使用外部链接引入原创 2020-06-13 15:25:36 · 805 阅读 · 0 评论 -
【vue移动端】实现左滑删除功能—直接套用即可
近期做移动app界面时,需实现一个类似微信和qq的左滑删除功能,找了很多案例,多多少少不太贴合,现附上比较合适的方法,记录一下吧。实现效果图:实现思路:通过touch事件获取起始位置跟终点位置,通过这段距离的差值进行判断,进行左滑的实现html部分:<div class="contractContent" v-for="(item, index) in dataList" :key="index"> <div class="information-list" data-t原创 2021-12-06 19:24:07 · 1626 阅读 · 0 评论 -
js中firstChild与firstElementChild及childNodes与children的区别
firstChild:获取指定元素的第一个子节点 (包括元素节点和文本节点) 。若父元素与第一个子元素之间存在空白节点,firstChild 获取到的将是空白节点而不是第一个子元素。这时可以使用 firstElementChild 属性 (IE6/7/8 中不支持)。例:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <met原创 2021-02-17 17:29:14 · 2449 阅读 · 1 评论 -
JS添加子节点报错:appendChild is not a function
报错信息:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&原创 2020-08-15 16:58:56 · 10992 阅读 · 3 评论 -
JS表单document.forms的用法(详解)
代码作用document.forms表示获取当前页面的所有表单document.forms[0]表示获取当前页面的第一个表单document.forms[‘exportServlet’]表示获取当前页面的name="exportServlet"的表单document.forms[‘exportServlet’].username.value获取表单为exportServlet,name为exportServlet的值document.forms[0].su...转载 2020-08-13 11:18:48 · 4491 阅读 · 0 评论 -
js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种event.clientX/Yevent.pageX/Yevent.offsetX/Yevent.layerX/Yevent.screenX/YclientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变兼容性:所有浏览器均支持pageX/Y:pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变设置让页面滚动,发现clientX与pageX的值不一样兼容性:转载 2020-07-08 17:58:09 · 265 阅读 · 0 评论 -
关于JS中引用全局变量出错的解决方法
近期做项目练习,在给元素添加绑定事件时,遇到了引用全局变量出错的问题,代码如下:taskList.appendChild(taskEle);其中 taskList 是全局变量,而上述代码封装于一个函数内,调试时出错:Cannot read property ‘appendChild’ of null at addTask这醒目的红色,真的使我停留了一会儿…那么,怎么办呢这时候可以采用两种方法:1、给整串代码加上 window . onload = function () {}2、将 scr原创 2020-07-05 18:02:24 · 1168 阅读 · 0 评论 -
JS事件冒泡之cancelBubble和stoppropagation
什么是事件冒泡?在一个对象上绑定了某类事件 (如:onclick),事件冒泡就是从当前触发的事件,由里到外,逐渐向父级对象传播,直到document为止。其实stopPropagation的作用跟cancelBubble是一样的,都是用来阻止浏览器默认的事件冒泡行为。不同之处在于:(1)stopPropagation符合W3C标准,适用于FireFox等浏览器,不支持IE(2)cancelBubble方法不符合W3C标准,只支持IE浏览所以,很多时候我们都需要结合起来使用。<!DOCTY原创 2020-07-09 20:22:35 · 1019 阅读 · 0 评论