前端.教你怎么避雷,学到就是干货(这标题也是拼了)【上】

没有什么干货,主要是思想和理念,我说你悟,学术交流不就是这样吗?


前端入门容易,越到后面越难

为什么?

‘噪声’太多了!

怎么办?

筛选!

然后呢?

改毛病!


哪些‘噪声’

前端框架的噪声

网上说前端有三大主流框架:Angular、React、Vue,不外还听过bootstrap、jQuery。
这些框架有什么不同?我认为应该去理解他们,而不该去对比。比如梨和苹果都是水果,价格差不多,味道不一样,食用价值不一样,你选哪个,凭的是你当下对这两种水果的理解,结合自己的偏好和情况去选,难道你会列个对比清单吗?

我对这些框架的理解:(可跳过)
Angular流行得早,第一批用这框架的工程师还在撒热血,而且市面上用这框架的产品很多,需要懂Angular的工程师来维护,所以即便Angular入门对小白来说难,但也还是主流之一。对我来说Angular太复杂,什么东西都有,会让我学起来很吃力,说到底太懒了
React用两个字形容--自由,React语法很少,容易上手,难在对它理念上的深入了解。比如Redux,如果你只知道怎么用Redux,却不知道它的意义,强行使用就相当于没用,还降低项目的性能。说实话,我用React,要是没大神指点,容易跑偏了,写出一堆隐藏bug,所以写代码一定要想清楚再开始写,不建议边写边验证,这样是面向运气编程,隐藏bug一堆,写着写着自己都不会维护了,要吗重构要吗磨
Vue不用我多说,入门容易,找工作也好找,是很多转前端的小白首学之选,不过也有不少争议。我是别人带入门的,一开始学的是React,对Vue也是有些偏见,但还是羡慕Vue好找工作,曾经为了生计,去学了几天就放弃了,说到底太懒了,Vue要背的东西太多
bootstrap、jQuery没去详细了解过,搜了一下,大致是非主流,也算不上框架,但是并没有被淘汰,大多用于简单的页面,对于我来说,招聘信息看到bootstrap、jQuery的我直接跳过。

前端基础的噪声

前端基础主要是HTML、JS、CSS,其他的由此延伸,但是这三个,内容太多,版本太多,教程太多,还是容易困惑
搞不清楚,查百度百科就够了,了解它们的历史发展,一下子清晰了
学的时候,分别固定一个教程网址学习,最好是官网,够精准。边学边再找几个面试题练一练,还是不懂再查一查其他教程的解释,精通在于理解它的理念和实践,不能只靠记。就像数学公式,你所有的公式都背熟了,不了解公式的思想,你的题还是做不出来,除非你把答案背了。应对面试还可以,一写代码就露馅
推荐几个学习链接
JavaScript基础
JS函数式编程指南
TypeScript手册指南

我对HTML、JS、CSS的理解:(可跳过)
要背的只有面试题,能背多少是多少!
HTML内容比较少,我认为不需要专门记标签的属性,用到哪个就去查哪个,用多了自然就记得了。
JS基础是许多公司爱问的,而且喜欢问绕来绕去的问题,答不对就说你基础差(哭笑)。JS大部分内容好理解,有一些知识点不太好理解:闭包、事件循环机制、异步等,还有一些没有语义的术名:防抖与节流、浅拷贝与深拷贝等。这些在项目里很常见,所以说有点项目经验是很重要的,但是也很容易被滥用,比如异步。不是你用对了就没有问题,还得考虑整个项目的情况,代码要规范(不是格式规范)。
TypeScript一定要会,用TypeScript不是依赖,是没必要浪费人力。比如以前的人用纸质地图,现在的人用导航软件,你用纸质的也可以找到路,但是为了提高效率你只能背下路线,还可能背错了,改了新路线,你还得重新记,走错了还要查一下从哪里走错,所以是你的学习成本大还是开发成本大?我认为那些学了TypeScript还主动用JavaScript的,不是用错了就是没用过。
CSS就像一本字典,专门学划不来。了解CSS的常用属性,也学一下Scss的语法和Flex布局就够了。我曾经面试的时候,面试官问我怎么用CSS画三角形(很少公司会问这种没有思想的技巧问题),我说我不会,她说:“这很基础的,那就到这吧,你可以先回去了”。我一开始抱怨面试官变态,后来想想,既然你要找工作,你就应该有所准备,对自己有所定位,对现在的局势有所了解,没什么可以抱怨的,最重要的是适不适合。

前端术语的噪声

当兴趣学习,不知道什么意思查一下,不需要纠结

我对术语的了解: (可跳过)
各种字母缩写,各种没语义的名字,就像时尚界的品牌名,好像能说出几个就特别专业。不知道你们身边有没有这么一两个喜欢自创术语的或者乱用术语的。我认为术语的存在是方便快速沟通,听不懂你说什么还要解释一下,真是没必要。有些通用的术语还是要记的,太偏有歧义的不要讲,自创术语团队听懂就可以,杜绝乱用术语。术语讲得多只能说明你看的文章多,不代表你的技术好,用项目证明,无声胜有声

搞清楚这些噪声,然后过滤掉,剩下的就是学习

下一篇文章 说一说怎么筛选

你可能感兴趣的:(前端,javascript,css,html,react.js)