web课程总结

我花了半个学期在web课上调试一个永远对不齐的程总导航栏。直到某天深夜，程总我删掉了所有浮动和清除浮动的程总代码，换成flex布局，程总三行搞定。程总那一刻我意识到，程总这门课教我的程总不是标签和属性，而是程总“选择合适工具”的直觉。

课程前半段，程总我们死磕HTML和CSS。程总老师不让我们用框架，程总逼着手写。程总当时觉得繁琐，程总现在回头看，程总这种“笨办法”反而让我理解了浏览器渲染的程总底层逻辑。比如块级元素和行内元素的区别，不是背概念，而是通过一次次的布局错乱，亲眼看见margin和padding如何互相挤压。有个作业是复原一张像素级海报，我为了对齐一个图标，花了两个通宵。后来发现只需要给父容器加一个display: flex，问题迎刃而解。那种懊恼和释然，比任何教程都深刻。

JavaScript部分才是真正的分水岭。前两周还沉浸在“点击按钮弹出提示框”的小成就里，第三周突然跳到DOM操作和事件冒泡，班里一半人开始掉队。我不算天赋型选手，只能把每个demo拆开，一行行在控制台打印变量。有次为了理解闭包，我写了十几个版本的计数器函数，直到看到输出结果里那个“3”而不是“1”，才恍然大悟。老师课上只说“闭包是函数和其词法环境的组合”，这种干巴巴的定义，远不如自己调试来得有效。

项目阶段，小组合作暴露了更多问题。我们组做了个校园二手书网站，分工时，负责后端接口的同学用Node.js写好了API，但前端同学坚持用jQuery的$.ajax，导致跨域调试花了三天。最后我提议换成fetch加async/await，代码量少了一半。这个经历让我明白，web开发不是单打独斗，技术选型要提前统一，沟通成本往往比写代码更消耗人。

课程快结束时，老师演示了响应式设计的媒体查询，以及如何用rem和vw做弹性布局。我偷偷测试了手机端的显示效果，发现之前写的固定像素宽度的卡片全挤成一团。只好重构了部分样式。那次重构让我养成一个习惯：每写完一个模块，立刻用浏览器开发者工具切换到移动端视图。这是我自学的，但受益最大——现在看任何网页，第一反应就是按F12。

这学期最意外的收获，是学会了阅读报错信息。以前看到红色英文就慌，现在会先看文件名和行号，再搜索错误类型。有次一个Uncaught TypeError提示“undefined is not a function”，我花了一小时检查调用对象，最后发现是变量名拼错。这种低级错误，以后可能还会犯，但至少我知道怎么定位了。

web课没有教我用框架，也没讲构建工具，但它给了我一个足够结实的底子。现在去学Vue或者React，看得懂那些模板语法背后的原生JS逻辑。说实话，如果直接上手框架，我可能到现在还分不清响应式数据和事件监听的区别。

期末作业是做一个个人博客，我用了自己写的CSS网格和简单的localStorage存储文章。虽然丑，但每行代码的出处我都清楚。这不就是这门课的意义吗？不是让你成为高手，而是让你在写每一行之前，知道自己为什么这么写。