Cannot read property 'xxx' of undefinedsrc/componen
原创
2022-03-23 16:15:07
124阅读
描述
在近期的一个移动端项目中,有一个页面需要有弹框提示,并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动,在 iScroll 的配置当中把 tap 和 click 事件都开启了。
代码如下:
this.myScroll = new IScroll(this.$refs.wrapper, {
mouseWheel: true,
click: true,
tap: true
})
在实现过程中,遇到了一个奇怪的问题,由于按钮的位置与弹框右上角的关闭按钮位置一致,当我点击按钮时,弹框一闪而过。
效果如下:
效果图
原因
什么是点击穿透?
假如页面上有两个元素A和B。B元素在A元素之上。我们在B元素的touchstart事件上注册了一个回调函数,该回调函数的作用是隐藏B元素。我们发现,当我们点击B元素,B元素被隐藏了,随后,A元素触发了click事件。
通过上网查找有关资料,翻阅了移动端的书籍,发现在手机端中,事件的触发顺序为:touchstart -> touchmove -> touchend,而 click 事件有 300ms 的延迟
转载
2018-05-18 17:10:42
8516阅读
如果按照我之前的文档,肯定可以安装成功吗?我不能保证.这不我就碰到了这样的问题.
一个新的项目要安装nagios监控几台服务器,我按照正常步骤进行着.
首先在监控服务器上安装nagios主程序,然后是安装插件,可是在make的时候报了如下的错误
gcc -g -O2 -o check_http check_http.o sslutils.o netutils.o utils.
转载
精选
2008-01-24 16:22:18
4834阅读
3评论
CoreDNS状态为 0/1 kubectl delete pod -n kube-system + corednsID 可能自动重建解决,也可能不会 检查结果 kubectl get pod --all-namespaces -o wide CoreDNS挂载在Node而非Master,见下 Ma ...
转载
2021-10-31 15:27:00
417阅读
2评论
Vue列文章目录【Vue】数据监测原理
【Vue】生命周期
【Vue】组件化编程
【Vue】组件用法前言
...
目标
proxy代理的用法graph LR
A[解决跨域] --> B[cors]
A --> C[jsonp]
A --> D[代理服务器]
D --> E[nginx]
D --> F[vue-cli 前端代理]corscors是跨域资源共享
转载的博客 npm包管理原理 当你使用npm安装一个包(并保存它)或者更新一个包的时候,package.json里就自动添加了一条信息,包括包名和其版本。npm默认安装最新版本,然后在其版本号之前添加一个符号。比如1.2.12,它表明最低应使用1.2.12版本。并且在这之上,拥有相同大版本号的任何版 ...
转载
2021-09-29 16:43:00
873阅读
2评论
[root@apollo init.d]# /etc/init.d/mysqld startmy_print_defaults: Can't read dir of '/etc/my.cnf.' (Errcode: 2 - No such file or directory)my_print_def
转载
2018-11-18 21:30:00
735阅读
2评论
ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)
mysqld.exe遇到问题已关闭。
这个问题的出现是因为我的本本预装的是basic,我昨天把它升级成U版后重装了下MYSQL,结果就出现了问题...
原创
2023-06-23 00:09:09
133阅读
xcode-select: error: command line tools are already installed, use "Software Update" to install updates 问题解决。
原创
2016-04-20 11:22:03
101阅读
在安装wireshark的时候,首先遇上了这么一个问题:npcap无法安装。具体忘记了,因为当时我的网卡驱动也坏了、这是其中一个可能的原因,如果你也安装不上的话。后来我就去安装winpcap了。依旧是遇到了问题:a newer version of winpcap is already installed on this machine给我整懵了。我还是看得懂英文的,于是我在C盘里面检索了winpcap,但是并没有检索到。实在没办法,我尝试删除系统的dll文件,一开始我删除的是system3
原创
2022-01-15 16:52:24
2478阅读
在安装wireshark的时候,首先遇上了这么一个问题:npcap无法安装。
具体忘记了,因为当时我的网卡驱动也坏了、
这是其中一个可能的原因,如果你也安装不上的话。
后来我就去安装winpcap了。依旧是遇到了问题:
a newer version of winpcap is already installed on this machine
给我整懵了。
我还是看得懂英文的,于是我在C盘里
原创
2021-07-19 09:59:00
2404阅读
哪吒人生信条:如果你所学的东西 处于喜欢 才会有强大的动力支撑。把你的前端拿捏得死死的,每天学习得爽爽的,如果你所学的东西 处于喜欢 才会有强大的动力支撑。感谢不负每一份热爱前端的程序员,不论前端技能有多奇葩,欢迎关注加我入群vx:xiaoda0423前言希望可以通过这篇文章,能够给你得到帮助。(感谢一键三连)1.h5底部输入框被键盘遮挡问题如果你遇到h5页面这个问题,当输入框在最底部,点击软键盘
转载
2021-01-18 17:07:57
179阅读
哪吒人生信条:如果你所学的东西 处于喜欢 才会有强大的动力支撑。把你的前端拿捏得死死的,每天学习得爽爽的,微
原创
2021-07-16 14:19:49
57阅读
1.h5底部输入框被键盘遮挡问题
如果你遇到h5页面这个问题,当输入框在最底部,点击软键盘后输入框会被遮挡,可以如下解决问题:
var getHeight = $(document).height();
$(window).resize(function(){
if($(document).height() < getHeight) {
$('#footer').css(
原创
2021-07-16 10:13:30
96阅读
问题解决了,把 #include <string.h> 改写成 #include <string> 就行了
#include <iostream>
#include <string>
#include "tinystr.h"
#include "tinyxml.h"
#include <vect
原创
2011-01-20 09:40:11
1341阅读
首先理清nodejs和npm的关系: node.js是javascript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系,nodejs中含有npm,比如说你安装好nodejs,你打开cmd输入npm -v会发现出啊线npm的版本号,说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器(packa
转载
2024-01-16 22:03:58
114阅读
# Vue axios跨域问题解决
在开发Vue项目过程中,经常会遇到使用axios进行HTTP请求时出现跨域问题。跨域是指在浏览器端,当前页面的协议、域名或端口与请求目标不一致,造成浏览器阻止了跨域请求。为了解决这个问题,我们可以通过一些方法来处理跨域请求。
## 为什么会出现跨域问题?
浏览器的同源策略是对跨域请求的限制。同源策略要求不同源之间的请求必须遵循一定的规则,比如协议、域名、端
原创
2024-06-03 06:36:55
129阅读