原生js
老毕姥爷
之前并没有意识到博客的重要性,一直都只搜索问题保存下网址,但是记忆的并不深刻,借此平台希望能够在前端道路上有所作为
展开
-
vue项目中与内嵌iframe传值
vue项目作为父级,内嵌一个iframe给iframa传值的写法//html结构 <button @click="fatherpost">积分是开发的</button> <iframe ref="iframe" src="http://192.168.4.184:20011/#/regulation" width="800px" height="500px"> </iframe>//挂载在mounte原创 2020-10-27 11:13:13 · 4019 阅读 · 2 评论 -
js将字符串编码和解码
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var token = "f6f93dd7-30da-47b0-9082-035ffc88cd06"; var Base64 = { // private property .原创 2020-10-21 13:53:36 · 985 阅读 · 0 评论 -
js在不同浏览器获取鼠标坐标
在JavaScript中,当事件发生时,获取鼠标的位置是件很重要的事件。由于浏览器的不兼容性,不同浏览器分别在各自事件对象中定义了不同的属性,说明如下表所示。这些属性都是以像素值定义了鼠标指针的坐标,但是由于它们参照的坐标系不同,导致精确计算鼠标的位置比较麻烦。属性及其兼容性 属性 说明 兼容性 clientX 以浏览器窗口左上顶角为原点,定位 x 轴坐标 所有浏览器,不兼容 Safari clientY 以浏览器窗口左上顶角为原点,定位 y 轴坐标 所..原创 2020-07-10 11:03:23 · 376 阅读 · 0 评论 -
js实现二叉树
二叉树的一个节点Node由data,left,right组成,data保存本节点的值,left指向左节点,right指向右节点。二叉树有一个<b>特殊性:相对本节点较小的值保存在左节点,相对本节点较大的值保存在右节点</b>,该特性能让查值效率提高!创建Node实例/** parameter: data:本节点的数据;left:做节点;right:右...原创 2020-03-06 22:58:11 · 308 阅读 · 0 评论 -
移动端常见问题总结
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也...转载 2020-03-04 19:18:20 · 582 阅读 · 0 评论 -
前端实现每日签到功能,如果今天签了今天就不用在签到了
export default{ data{ return{ reg:false, //是否已经签到 regArr:[], //签到数组 } }, methods:{ regMethods(){ var nowdate = this.getToday(); //获取到今天...原创 2019-11-20 11:03:48 · 5068 阅读 · 0 评论 -
手写遮罩层,禁止底层div滚动
只是一个小技巧;当先显示遮罩层时,加上禁止屏幕滚动1、document.documentElement.style.overflowY = 'hidden'; //禁止屏幕滚动2、当关闭遮罩层是时加上 document.documentElement.style.overflowY = 'scroll'; //取消禁止屏幕滚动...原创 2019-06-28 11:56:21 · 804 阅读 · 0 评论 -
基于vue实现登录页记住密码(非form表单)
vue项目实现表单login页保存用户名跟密码到cookielogin页实现7天内记住用户名勾选时,将用户名和密码保存到cookie,下次登陆自动显示到表单内1.表单部分表单的html2.data部分data3.存,取,删cookie方法存取删cookie在mounted里面调用getCookie方法(页面加载调用获取cooki...转载 2019-06-24 09:52:41 · 683 阅读 · 0 评论 -
JavaScript的this指向原理
问题的由来学懂JavaScript语言,一个标志就是理解下面两种写法,可能有不一样的结果。 var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() 上面代码中,虽然obj.foo和foo指...转载 2019-06-13 14:12:02 · 214 阅读 · 0 评论 -
给highcharts添加点击事件
只需要在配置参数里边加入如下代码plotOptions: {column: {cursor: 'pointer',point: {events: {click: function(e) { //这个函数里边就是编写事件的逻辑//★添加跳转代码★setCache("sttp",e.point.sttp);mui.openWindow({url: 'tooltip.html',...原创 2019-05-06 17:03:05 · 3250 阅读 · 0 评论 -
js去掉url中的域名的方法
方法一: 1 2 varurl="http://blog.csdn.net/jungsagacity/article/details/7645580"; url='/'+url.split('/').slice(3).join('/'); 方法二: 1 2 varurl="...原创 2019-05-06 17:01:44 · 10488 阅读 · 0 评论 -
原生js给列表绑定事件
方法一:var lis = document.getElementsByTagName("li"); for(var i = 0; i<lis.length; i++){ lis[i].index = i; //给每个li定义一个属性索引值,赋 lis[i].onclick = function(){ alert("下标索引...原创 2019-02-28 10:22:28 · 1305 阅读 · 0 评论