今天翻出我去年学网页开发的笔记，真是一把辛酸泪。开头跟你们一样楞头青，看别人写个「Hello World」的网页就五分钟，心说这玩意儿能有啥难的？结果上来就被html标签干懵了。
第一次敲代码差点砸键盘
那天晚上十点撸袖子开干，照着教程建了个*。光搞明白
套
再套
就耗了半小时，预览时楞是只有标题飘在左上角。后来才知道是忘记写viewport设置，手机上看整个布局全炸了。
- 坑1： 闷头写代码不看预览，等写完一保存——满屏乱码
- 坑2： 把CSS当Word用，疯狂敲空格想对齐文本框
- 坑3： 死活记不住class和id区别，JavaScript绑事件永远选错元素
CSS把我整成帕金森
有次想做个悬停按钮特效，在那边调box-shadow数值调到手抖。明明浏览器显示有阴影了，手机上看跟没做一样。后来发现是手滑在属性值后面多打了个分号，直接导致整段样式失效。
更绝的是学flex布局那周。照着MDN文档抄样例，楞是让三个方块叠成俄罗斯方块。发现漏写了justify-content: center，加上这行代码瞬间就服服帖帖排列整齐，当场就想把显示器供起来。
JavaScript教我重新做人
有回熬夜写个轮播图，console里疯狂报错「undefined」。熬到凌晨三点才发现：图片路径全写成反斜杠，本地测试能显示，传到服务器全裂了。最气人的是，轮播功能都调通了，卡在自动播放按钮点不动——因为我把click事件绑在
上，后面还盖着个透明按钮...
后来学聪明了：每写三行代码就ctrl+S保存刷新页面。还专门搞个记事本记录常见报错，比如「Unexpected token」八成是缺括号，「Cannot read property」准是选错DOM元素。
真香警告
现在回头看这些坑，就三条血泪经验：
- 别急着写效果，先用铅笔在纸上画盒子结构
- CSS代码超过20行就拆成模块写注释，不然明天自己都看不懂
- JavaScript多打印*，比瞎猜管用一百倍
上周接了个企业官网私活，两天就交稿了。客户夸专业时贼心虚，毕竟三个月前我连float和display都分不清。这玩意儿真没那么玄乎，踩够坑自然就会游泳了。
