刚入行瞎摸索的那段日子，最纠结的问题就是web前端开发需要哪些技术，总觉得网上的教程杂七杂八，什么新潮技术都想跟风学，贪多嚼不烂，最后折腾了一个多月，手里还是拿不出能用的项目作品。
最开始误以为前端就是拼颜值、写样式，死磕了各种花哨的CSS特效，渐变叠加、动态光影、悬浮动画挨个打磨，花了大把时间钻研这些锦上添花的内容，却完全忽略了最核心的底层技术。那时候写的页面，看着好看，但换个浏览器打开就排版错乱，拉伸窗口就布局崩塌，手机端打开更是惨不忍睹，压根没有适配的概念。现在回头看，前端所有复杂的开发工作，全部依托HTML、CSS、JavaScript这三门原生基础，根基不稳，学再多高阶技术都是虚的。
基础打虚了，后续学习全是卡顿。
折腾好久才搞明白，静态页面排版只是前端最入门的皮毛，能实现人机交互才算真正的开发。之前做简单的表单提交、弹窗关闭、数据渲染，只会复制网上的现成代码，不懂DOM节点操作、不了解BOM浏览器对象机制，每次页面出问题，只能逐行排查代码，耗费大量时间，效率低得离谱。原生JS的异步、数组方法、对象处理、循环逻辑这些核心内容，才是支撑所有交互功能的核心，新手最容易在这里踩空坑。
身边同期自学的朋友走的路子完全不一样。他不追热点、不学花活，从头到尾深耕原生技术，把每一个基础语法、每一个DOM操作场景练到熟练，之后上手框架的时候几乎零阻力。反观自己，基础漏洞一大堆，刚接触Vue的时候，双向绑定、组件传值、生命周期完全摸不透，写几行代码就报错，项目推进寸步难行。
后来参与真实企业项目才发现，原生技术只是打底，实际工作中必须掌握主流框架技术。目前市面主流就是Vue和React两大体系，Vue上手更简单，适配大多数中小型项目，React更灵活，多用于大型复杂项目，不管入行找工作还是日常开发，熟练掌握其中一套框架生态是硬性要求。除此之外，配套的UI组件库也必须会用，Element、Ant Design这些常用库，能大幅缩减开发时间。
前端工程化技术也是绝对绕不开的板块。最开始完全不懂vite、webpack的作用，觉得只是复杂的工具，没必要深究，直到自己手写的项目文件杂乱、代码冗余，打包上线频繁报错，才明白工程化是前端开发的必备能力。模块化开发、代码打包、环境配置、版本管理，这些技术能让零散的代码形成规范的项目体系，是职场前端的必备技能。
还有很容易被新手忽视的适配与兼容技术。之前做项目只关注电脑端正常显示，上线后被测试反复打回，不同分辨率屏幕、老旧浏览器、移动端适配全是bug。花了整整两天补学flex、grid弹性布局、rem和vw适配方案，还有基础的浏览器兼容处理，才总算把项目整改合格，顺利交付。
那晚整理完所有技术学习清单，关掉杂乱的教程网页，盯着桌面空白的文档，安安静静坐了很久。