关于前端:算不上攻略-前端过来人的一点心得

人不知; 鬼不觉，做前端也有三年半了。本人也在一直学习和总结中产生了一些集体的见解(带有偏见)。上面就来盘一盘：

前端学习的三个误区：

1. 追新

很多前端 er 会时刻关注新技术、新框架的动静。一旦有新的货色，立马浏览官网文档，上手操作。感觉本人如同学了什么厉害武林秘籍。其实对这样本人的成长并没有多少晋升。

对于程序员来说，要时刻放弃着这样的心态: 技术只是解决问题的工具，学习、思考的能力才是一个程序员更应该具备的。

因为前端技术多而杂，且大部分都是工具。学一项技能首先要理解它可能做什么？咱们是否真的须要它?

2. 聚焦在某一点

刚开始做前端的时候，总是习惯于聚焦在很小的一个性能点上。花了大量的工夫不说，对前端的成长简直能够说是为零。对于前端老手来说，在造成欠缺的常识体系之前，没有必要在一个小的性能点上深挖，除非你有本人的想法或者深挖这一小块可能给你带来很大的收益。不然，再过两年你回头看看，这就是浪费时间。

3. 工作中垒业务代码没用

很多人会埋怨，工作的我的项目没有什么技术含量，学不到什么货色。实则不然。面对没有技术含量的工作，咱们要思考的是怎么做出技术含量。咱们能够关注但不限于：

• 如何跟产品经理沟通防止本人走弯路
• 某个模块的流程怎么能力更正当
• 我的项目代码设计怎么能力更正当、高效
• 我的项目有哪些有价值的性能点，或者由这些性能点派生进去的一些知识点

做过的我的项目，咱们能够复盘、做 Code Review。下次遇到同类我的项目的时候怎么能力少踩坑，怎么能力更快的实现开发。总之，优化所有能够优化的点，以 提高效率、晋升本人 作为垒业务代码的基本目标。

前端学习的捷径

1. 构建常识体系

最好是从零搭一个我的项目模板。如果是 webpack 应该包含
webpack + react/vue + less/sass + babel + eslint/prettier + husky + lint-staged + commitlint

从头施行一遍，这些基本上就能对前端工程化 (css 预编译 + js 降级 + 代码规范化 + 构建 / 打包) 理解个大略。

当然你也能够再退出 typeScript、Jest 等其余一些货色。这取决于你本人是否须要。如果你可能本人整一遍，基本上前端开发阶段须要具备的能力就差不多了。

对于部署，略微看一些 nginx 相干视频、技术博客，本人手动施行一遍就明确了。当然，你也能够把 nginx 装在 docker 上。

做完这些，你再回头看看。是不是感觉对前端了解的比拟深了呢？

2. 刷面试题

刷面试题一方面能够应酬面试，另一方面可能促使你理解一些框架的底层原理。面试题刷多了，很大几率你是想理解一下某些框架的源码的。

3. 技术博客、公众号等文字媒体

技术博客一方面能够作为本人的技术笔记，另一方面还能够给本人的简历加分。何乐而不为呢？

至于技术博客的内容就更随便了。能够是以前没有接触到的某块业务的解决方案，也能够是新学的技术，还能够是对我的项目的复盘或者本人工作的一些心得、领会等等。

4. github

前端常识多且杂，有个比拟好的记忆办法是 把你遇到的比拟重要的知识点集成到一个我的项目中去。这个我的项目不肯定多实用，但它能包容你的外围知识点。

这样你就有了一个本人的开源并始终保护的我的项目。

另外，github 上的资源很丰盛，无论是面试题、技术文章还是源码解析，通通都有。什么，你打不开 github？问问身边的敌人有什么好用的翻墙工具。花一点钱就能解决的问题，为什么不呢？

5. 定指标并定期回顾

定指标最好加上时效，防止本人偷懒。每周回顾一次，看本人有没有离指标更近一些。比方：

1. 一周内搭建一个本人的我的项目模板
2. 一个月刷完 100 道前端面试题
3. 半年吃透 React 源码, 并输入几篇相干技术博客
4. 每周一篇技术博客

本文由 mdnice 多平台公布