北京
网站很快就搭好了，但真正的问题在后面：你还能看懂它到底在干什么吗？一位自称“初级偏上”的开发者描述了自己的不安——在自动化的海洋里，那种“知道自己在做什么”的锐利感正在漂走。他给出的办法很朴素：手写注释。
他先问了自己几个问题。能不能把AI生成的代码逐行过一遍、说清每一行在做什么？当然能。但他承认，自己并没有真的这么做。要真正理解代码，得坐下来跟它待在一起，消化完一段，再带着“到目前为止发生了什么”的认知进入下一段。他把这种带着调查意味的理解，称为很多人正在缺失的那一块。
作为自封的“初级偏上”开发者，他怀念那种知道自己刚做了什么、以及它为什么能跑通的满足感。他判断，各种经验水平的开发者现在都在经历同样的感受。
一次反懒惰的小任务
他本可以直接把文件提交了事——他知道它能跑，而且只是简单的JavaScript。但这一次他没有。他给自己派了个支线任务：给每一行都加上注释，解释这一行在做什么。做完之后，他说自己感觉好多了。代价是花了10倍的时间。他的态度是：那又怎样？他现在有一个能解释、也能分享给其他学习者的汉堡菜单。
他特别提醒，不要用自动缩进，也不要让AI替你写那些你根本不会去读的注释，那会让整件事失去意义。要自己敲出来，允许拼写错误，允许犯错。最重要的是学习。
从一个汉堡菜单开始
他拆解的是一个简单的汉堡菜单——他对此略有执念。这类组件存在了很多年，很多人要么用借来的代码，要么直接让AI代劳。但到底缺了什么？
他的做法是：先用简单的HTML和CSS给一个虚构业务搭了个模型网站，然后加入JavaScript——他坦言这是自己的软肋。框架和前沿技术多到让人无所适从，正在学习的人很容易陷入混乱。他让Claude写了一个在小屏幕上显示的汉堡菜单，用的是原生JavaScript。
到这里他踩了刹车，开始拆解这段JavaScript。放慢速度、给学习留出空间之后，一种满足感和对工作的自豪感回来了。他的原话是，写代码的体验不必总是“啊啊啊！一切都在以500英里的时速狂奔——新技术——完全不懂——必须让它跑起来而且要快！”他说，这是通往倦怠的快车道，对刚入门的人尤其如此。
这段代码实际在做什么
对于启用了JavaScript的浏览器，它创建了汉堡菜单和一个多选下拉框，让用户可以一次选择多个活动。正是这种小东西，让人产生真实的 appreciation。
他列出了自己学到的东西：
- 原生下拉框不支持多选，这正好说明了此处JavaScript的用武之地。
- 如果一位新用户想了解三个活动，提交三次独立查询会把整个用户支持流程堵住。
- 在用户禁用JavaScript的边界情况下，他们仍然能从下拉框中至少选中一个选项，至少能选点什么。这是一个不错的兜底设计。
他把汉堡菜单和导航栏UI组件用到的完整JavaScript都放了出来，当然还需要一些CSS和HTML，所以他把网站剥到只剩骨架用于演示。他提到自己有一阵没用CodePen了，并建议把屏幕拉得很宽再看，因为注释很多。
他欢迎任何人使用自己的示例，不用问。整件事的重点在于：满足感的根源，来自知道事物为什么能工作、以及在深层上理解它。他说自己从没当过项目经理，但如果他能在技术层面理解一件事的可能与不可能、以及其中的缘由，他会更有能力用别人听得懂的方式把事情讲清楚。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
