昨天刚帮朋友搞定了个小网页，后台就炸出一堆私信问我零基础到底咋学前端。行，今天直接扒开自己老底儿，把去年做博客站踩的坑全抖出来！

一、开局一张白纸，全靠搜狗

当时连编辑器是啥都不知道，就记得朋友说搞网页要用个写代码的软件。傻乎乎在浏览器搜"做网页的笔记本"，结果跳出来什么VSCode、Sublime。随便下了个VSCode，安装时勾选框全打√，装完对着黑乎乎的界面干瞪眼半小时。

二、学标签比学方言还费劲

教程说从HTML开始啃，我以为是什么高级玩意儿。结果就学怎么用<div>画框框，用<p>塞文字。最搞笑的是有回写完代码保存成.txt格式了，网页死活打不开，气得我对着屏幕骂脏话。

• 实战踩坑：想把导航栏横着排，愣是写了5个<div>上下堆着
• 突然开窍：在B站翻到个用筷子比划Flex布局的视频，拍大腿喊"原来就是摆筷子！"

三、CSS调样式调到眼冒绿光

以为改颜色就改个红黄蓝，结果要记#ff0000这种火星文。有天想给按钮加阴影，代码抄得一字不差，结果按钮影子跑天花板上去了。发现是把box-shadow的值写反了，这玩意儿居然分上下左右！

最崩溃是调响应式，电脑上看挺板正，手机一开图片撑爆屏幕。连夜搜"怎么让图片别乱跑"，才学会用max-width: 100%拴住图片。

四、JavaScript差点把我送走

本来以为点按钮弹个提示框很简单，结果第一次写就报错。原来把字母d写成b了！光找这破错误翻了二十页论坛。

• 深夜惊魂：跟着教程做轮播图，凌晨三点图片突然在页面上乱飞
• 血泪经验：每写三行代码就*('到这没死')，不然根本不知道程序死在哪

五、框架选得我选择困难症发作

刚搞懂基础，就发现网上都在说Vue、React。知乎刷到两点半，结论是新手用Vue比较像人话。装环境又卡住了，那个npm install报错红彤彤一片，原来得先装*。

用上框架才发现之前写的都是原始人代码，但打包时又懵了。什么dev\build模式，有次把测试版传到服务器，网页打开全是乱码，朋友以为我网站被黑了。

六、真实项目虐得我死去活来

做博客站时以为分分钟搞定，结果：

• 评论功能引了三天库都没调通
• 百度统计代码插错位置，流量数据挂零一周
• 手机端菜单弹出时，键盘会把搜索框顶飞

解决键盘问题是熬夜看Stack Overflow，有个老外说加个*(0,0)，试了居然真管用！当时差点给显示器磕头。

七、现在的日常：缝缝补补又三年

上个月发现Chrome更新后，我的导航栏莫名右移三像素。用开发者工具抓狂地删CSS属性测试，是浏览器默认样式作妖，气得我往重置样式表里塞了 { margin: 0; padding: 0; }

现在每次改代码前都建个新分支，上次手贱把按钮改没了，两分钟就回滚到旧版。这招是上次熬夜改崩首页后，含着泪学会的。

回头看这堆破事，要是去年有人告诉我前端就是白天写bug，晚上修bug，可能早跑路去卖煎饼了。但看到自己做的页面在别人手机里跑起来，那感觉...真香！