说实话，每次期末周临近，我都看得到学弟学妹们在机房里抓狂。尤其是搞“网站开发与设计”这门课的，平时看着挺轻松，好像就是写写HTML标签，调调CSS颜色，真到了期末大作业或者笔试的时候，心态直接崩盘。今天我不整那些虚头巴脑的理论，就作为一个在行业里摸爬滚打几年的老前端，跟你们聊聊这玩意儿到底该怎么过，怎么拿高分。

首先得纠正一个误区，很多同学习惯于背代码，觉得把Bootstrap的类名背下来就能天下无敌。大错特错。现在的考试，包括以后面试，考的都是你的“排查思路”和“布局逻辑”。我去年带的一个实习生，代码写得那叫一个漂亮，变量命名规范，注释清晰，结果让他改一个移动端适配的小bug，他愣是搞了两天。为什么？因为他不懂底层原理，只会在网上抄现成的轮子。

咱们聊聊考试里最让人头秃的几个点。一个是响应式布局，也就是Media Query。很多同学习惯用固定像素px，这在以前还行，现在手机屏幕分辨率五花八门，你定死宽度，用户拿个折叠屏或者超宽屏看，页面直接错位，考试的时候老师一眼就能看出来你基本功不扎实。建议你多用rem或者vw/vh单位，结合媒体查询做断点。别死记硬背那些断点数值，大概知道手机、平板、PC的常见分辨率区间就行。比如手机一般320到480，平板768左右，桌面端1024以上。考试的时候，只要你的页面能根据窗口大小自动调整排版，不出现横向滚动条，基本分就到手了。

再说说JavaScript部分，DOM操作和事件委托。这是重灾区。很多同学习惯给每个按钮都绑一个click事件，代码写得又臭又长。其实，利用事件冒泡机制，给父元素绑定一个事件，然后通过event.target判断点击的是哪个子元素，这才是高级写法。考试如果让你优化性能，或者处理动态生成的列表，用事件委托能省下一大堆代码，老师看着也舒服。记得，代码简洁不等于简单，逻辑清晰才是王道。

还有个小细节，就是语义化标签的使用。别什么都用div，该用header就用header，该用nav就用nav。这不仅是为了SEO，更是为了让代码可读性强。有些老师会专门抠这个点，如果你全篇都是div嵌套div，看着都累，印象分肯定打折。虽然百度现在的算法越来越智能，能识别语义，但在考试这种封闭环境下，规范就是得分点。

我有个学生，叫小李，平时上课不怎么听讲，期末大作业前一周才开始熬夜。他做的是一个电商首页，功能不多，但细节做得好。比如图片加载用了懒加载，首屏渲染速度极快；表单提交前做了前端校验，用户体验很好。最后他拿了95分。反观那些代码写得复杂，但没考虑性能的同学，反而只拿了80多。这说明什么？说明设计思维和用户体验，在开发课程里占比越来越重。

另外，别忽视版本控制。虽然考试不一定让你用Git，但如果你能在作业里提到你用了Git管理代码，或者在答辩时说出你如何回滚版本，老师会觉得你很有工程化思维。这种加分项，平时不积累，考场上想不起。

最后，给点实在的建议。复习的时候，别光看书，动手敲代码。哪怕是把以前的作业重新改一遍，把那些bug修好，也比背十遍书管用。遇到不懂的，去MDN文档查，别去那些乱七八糟的论坛看过时教程。还有，考试的时候，如果遇到不会的题，别空着，把你的思路写下来，比如“这里我打算用Flex布局，因为...”有时候过程分比结果分更重要。

要是你实在搞不定，或者大作业时间紧任务重，别硬撑。找个靠谱的人帮忙看看代码，或者咨询一下专业的辅导，比自己瞎琢磨效率高得多。毕竟，咱们学这个是为了以后能干活，不是为了在期末考试里把自己逼疯。有问题随时来聊，别客气，咱们一起把这门课啃下来。