前端慢,但学不会慢,要不就你把自己当成一个在荒野里捡硬币的乞丐,指望别人送钱。 别听那些大道理,直接上砍柴。目前的 React 要么 Vue,你要是还没把组件拆得像乐高一样,想跑得快都是扯淡。流程不复杂,但坑多得像撒哈拉沙漠里的骆驼队。先别管那些枯燥的 Vue.js 官方文档,直接打开浏览器,敲几个 Demo。
要是你连 state 如何传都不懂,那叫不懂,这玩意儿就像数学里的二元一次方程,阅读理解是硬伤。 拿手速练练。有些老前端,组件粒度比人还粗,一点改动整个页面崩,这种人也就是一般/平平人。别把这当技术活,要当游戏。你去写个 Todo List,要么画个虚拟键盘。别怕写烂,写出像屎一样好写的代码,比写出像艺术品一样难写的代码强一百倍。脚本里的注释写不清楚没关系,只要运行起来能干活就行。 性能优化也是门玄学,但练出来的手感是确实。闭眼就能跑出 60fps 的页面,跑不起来就死磕渲染管线。别去造轮子,那些第三方库就像街边修车铺,坏了就自己修,别总指望人家给你全套工具。
要是组件性能差点,直接优化。打开浏览器开发者工具,追踪一下那几百毫秒的卡顿。数清楚那些不需求的宽度,数清楚渲染了多少帧。数据量大?那就加索引。网络慢?那就上 CDN。
这些不是理论,是实打实的操作指南。 数据驱动一切,别搞形式主义。别整天想着重构整个架构,先搞定当前数据。前端最怕的就是为了架构架构。数据模型变了,页面别动,连个调试工具都没。 别被那些框架逼上绝路。React 的 JSX 语法,Vue 的模板绑定,本质上都是标签。别死磕这些语法细节,代码逻辑比语法更关键。一个简洁的函数就能替代几十行乱七八糟的代码。 最终,心态定型。前端是一门手艺活,不是考试。考完试能上岗,能活着就行。别去研究那些模棱两可的技术选型,该去写代码就得去写代码。写得烂了,修起来更累;写得高,赶明儿换工作才有底气。 别犹豫,别观望。先写个小 Demo,跑通流程,性能优化到能接纳为止。剩下的,交给工夫和实践。