项目中遇到的问题

作者:青见春山

发表于:2026-07-24

字数统计:606 字

预计阅读3分钟

记录实际开发中遇到的各种坑和解决方案

1. HTML/CSS 常见问题

1. 去掉 li 的小圆点 li 前面不用加 .

2. font-weight: 600 数字后面不用加 px

3. 仔细检查 div 有没有包括完整，不然会显现不了。切记切记

4. 新写的 css 似曾相识？原来是样式重复出现！ 单独作为一个模块，重复使用。写一个 common.css 把公共样式全放进去

5. id 后代选择器没加 #

6. 别写错选择器

7. 谨防样式冲突

8. 空格会被当成换行处理

9. 为什么没有边框呢？因为没有设置 style 啊

10. 每一个 li 都左浮动，无法实现下拉菜单的效果

    • 加一个 none 去除这个部分的 li 的浮动即可

11. 阴影要加必要属性：横纵那几个 px

12. html 标签拼写错误：要认真检查拼写

13. 父子级关系写颠倒了，会没有效果

2. JavaScript 常见问题

1. js 鼠标点击事件中，点击后 html 页面会有相应的改变，但是只有一瞬间的变化，之后马上返回原样。可能是点击事件关联到某个默认行为（如链接的跳转），而没有正确使用 event.preventDefault() 来阻止它，页面可能会刷新或跳转到另一个页面。

   是的，就是这样！比如说 <a>

2. 同一个 html，隐藏不等于没有！隐藏不等于没有！隐藏不等于没有！

3. 要使用 this 来指代当前的 item，而不是直接写死元素

4. 事件监听不可以随意写

5. 请求头未设置：因为没写请求头

6. FormData 不支持？ 检查是否设置请求头

7. 请求发送失败：检查是否加了请求头和正确的数据格式

3. 调试心得

1. 仔细检查 div 有没有包括完整
2. 细心细心细心
3. 多写，多练，多总结
4. 样式冲突问题：检查是否有重复定义
5. 隐藏元素不等于删除：DOM 元素依然存在

4. 资源引用

• 实际开发中，我们经常需要将重复的样式抽离成公共样式
• 编写 common.css 统一管理公共样式
• 使用 common.js 统一管理公共脚本