记录下开发中遇到的低级错误,如template和background-color,css样式行尾加了分号
[ 2022-05-11 21:38:57 | 作者: admin ]
p.s. 这些拼写造成的问题,很难检查出来,调试过程浪费时间,手写代码容易手误,还是要多利用工具的自动提示功能。
1、组件不显示,检测到怀疑人生
最后发现是模板单词 template 误写成了 templete
2、一个vant组件背景色样式background-color始终无法自定义
检查了几遍官方文档,查csdn和cnblog,还去查了百毒就是没有头绪
无意中再加个 background 居然就成功改色了,想想不能够,仔细看了下原来是单词错误
background-color 写成了 backgroud-color
难怪浏览器调试里出现backgroud-color是未知属性(unknown property value),怎么也不会想到这么熟悉的单词能写错。
3、css样式表行的尾部多加了个分号; 导致样式失效问题
如下所示 result-content{}后加了; ,导致.result-op{}失效
4、vue+zepto下无法获取input值的记录,使用cidxx的方式无法获取值,会发生冲突,但是具体的冲突原因还是未知
$("#cid"+mycid).val(); //这样就冲突错误了,
后来改input的id就可以了
$("#newcid"+mycid).val();
1、组件不显示,检测到怀疑人生
最后发现是模板单词 template 误写成了 templete
2、一个vant组件背景色样式background-color始终无法自定义
检查了几遍官方文档,查csdn和cnblog,还去查了百毒就是没有头绪
无意中再加个 background 居然就成功改色了,想想不能够,仔细看了下原来是单词错误
background-color 写成了 backgroud-color
难怪浏览器调试里出现backgroud-color是未知属性(unknown property value),怎么也不会想到这么熟悉的单词能写错。
3、css样式表行的尾部多加了个分号; 导致样式失效问题
如下所示 result-content{}后加了; ,导致.result-op{}失效
div {
display: block;
}
.result-content {
width: 259px;
font-size: 13px;
line-height: 1.54;
color: #333;
word-wrap: break-word;
word-break: normal;
};
.result-op {
margin-bottom: 28px;
font-size: 13px;
line-height: 1.52em;
}
display: block;
}
.result-content {
width: 259px;
font-size: 13px;
line-height: 1.54;
color: #333;
word-wrap: break-word;
word-break: normal;
};
.result-op {
margin-bottom: 28px;
font-size: 13px;
line-height: 1.52em;
}
4、vue+zepto下无法获取input值的记录,使用cidxx的方式无法获取值,会发生冲突,但是具体的冲突原因还是未知
$("#cid"+mycid).val();
$("#cname"+mycid).val();
在axios回调函数中遇到一个问题,如上面2个例子,只能获取第一个input值,改变顺序也是只能获取第一个。但是把cid改为newcid又可以了,奇妙$("#cname"+mycid).val();
$("#cid"+mycid).val(); //这样就冲突错误了,
后来改input的id就可以了
$("#newcid"+mycid).val();
[最后修改由 admin, 于 2022-05-19 14:13:47]
评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2864
这篇日志没有评论。
此日志不可发表评论。