前端常见问题及引起原因

Posted 2020-08-08 南韵

JS部分：

1.引用公共模板页（该模板一般引用了其对应的JS文件）到某页面，部分函数功能不可用且控制台不报错。

查错方式：看其他引用该模板页的功能是否可用，如果其他页面可用，对比当前页面与模板页引用的js文件是否冲突；如果其他页面该功能依然不可用，则查看该功能函数是否有误。

（引用JS冲突，常见的是多次JQuery库引起的冲突）

2.在同一个页面中，同样方式触发及生成的提示框，有的可以正常触发及显示，而有的只有重刷页面时才触发及显示，控制台不报错。

查错方式：看生成提示框所用的ID是否相同，若相同，则改成不同的ID；若不同，则运用FireDebug断点调试查错。

CSS部分（采用了Bootstrap模板）:

1.更改某选择器的某属性，例如颜色属性，页面颜色仍旧未变。

查错方式：在浏览器工具里查看其样式的相关定义。

引起原因有：一.原有定义里使用了‘！important’；二.当前颜色的定义不在对应样式表里而在当前页面的头部的<style>标签里。

2.更换类父容器名只改变其位置属性，类子容器不作改变时，子容器内字体颜色改变。

查错方式:在浏览器工具里查看其样式的相关定义。引起原因：类子容器的定义被原类父容器限制，当类父容器发生改变时，原来所见的类子容器内的字体颜色发生改变。修改方式：类父容器不变，在其所在标签里添加ID选择器，对要修改的属性做定义。