|
网页实训结束那天,网页我盯着自己写的实训最后一个页面——一个仿豆瓣的电影列表页,光标在关闭按钮上停了很久,报告没舍得点下去。个人这大概就是总结这一个月最真实的写照:从最初连div和span都分不清,到后来能独立完成一个带交互的网页完整页面,中间踩过的实训坑比预想的多,但收获也实实在在握在了手里。报告 第一天上课,个人老师让我们改一个现成的总结页面,把标题换个颜色。网页我打开代码,实训满屏的报告标签像天书,找了半天才在style标签里找到color属性,个人改完刷新,总结没反应。再一看,原来改错了地方,把body的背景色给换了。那种挫败感很真实,但也是从那天起,我开始逼着自己一行行读代码,不跳过任何看不懂的部分。 真正让我开窍的是做个人主页那个作业。要求不高,就一个首页加两个子页,但我想做得特别一点。那几天晚上都在跟浮动布局较劲,左边栏总是掉到下面去。试了float、clear、overflow,最后发现是父容器没设高度,加个overflow:hidden就解决了。那一刻的恍然大悟,比看十遍教程都管用。原来CSS的很多问题不是语法不会,而是对文档流理解不够透彻。 实训中段,我们学了JavaScript。说实话,刚开始觉得它跟HTML、CSS完全是两回事,逻辑绕来绕去。有个做轮播图的小练习,我写了删、删了写,折腾了整整一下午。最后用setInterval和clearInterval配合一个计数器搞定时,那种爽快感至今记得。后来小组合作做项目,我的任务是用JS做表单验证,虽然只是检查邮箱格式、密码长度这些基础功能,但当我看到输入错误时页面真的弹出提示,那种“代码在听我指挥”的感觉,很奇妙。也让我意识到,光会写静态页面远远不够,动态交互才是网页的灵魂。 实训里还有个细节让我印象很深。老师让我们互相审查代码,我拿到一个同学的作业,发现他把所有样式都写在行内,整个页面乱成一团。我提了一堆意见,但回头一看自己的代码,也好不到哪去——类名全是a、b、c,注释一句没写。那时才明白,写代码不只是让自己看懂,更是让别人能维护。后来我特意练习命名规范,给每个区块写清楚注释,虽然麻烦,但值得。 这一个月,我犯过的错误五花八门:路径写错导致图片加载不出来、少打一个闭合标签让整个布局崩掉、浏览器兼容性问题调了半天。但每个错误都像一块拼图,让我对网页开发的理解越来越完整。现在打开浏览器按F12,看到那些network请求、console报错,再也不会慌慌张张,反而有种老朋友见面的感觉。 网页实训结束了,但我清楚这只是个开始。前端技术更新快得吓人,这周刚学会的布局方式,下周可能就有新方案。不过我不怕了,因为我知道怎么去学——先动手做,做不出来就查,查不到就问,问不到就自己试错。这条路很长,但至少,我已经知道怎么迈出下一步了。 |