针对如何学习前端(初级)给出的一些建议

366 阅读6分钟

两年前有同事问我:"前端好学吗,前端比后端有意思呀,除了那个奇怪的样式(CSS),jq那些我都可以写。"之前我可以这么说:"前端没啥,调一调样式画一画页面,很轻松的基本上都是后端给做了,你能做到基本上没什么。"随着互联网技术的发展和语言的更新,从ES5到ES11我们前端开发人员到底是经历了什么磨难是"九九八十一难"吗?不!是"6年抗战",一年一更学的过来吗?Angular,React,Vue不断的更新,虽然Angular比较没落了,因为学习的成本相对于另外两个而言比较高,但是Vue和React也在不断的更新,我们常常挂在嘴边的是"学不动了"。

从那时接触前端的时候(我不是科班出生),学过一些C语言有一些对编程有一些初步的了解和基础。那是前端的所谓的三大框架还没有火起来,我们是从最初的HTML和CSS学起,天天画页面一个不行两个两个不行三个,画就对了。画完页面之后开始换浏览器调页面(谷歌,火狐,ie11,ie10,ie9,ie8...ie6),现在基本上一些大公司都不需要兼容ie6了,基本上兼容ie11以上就可以了,但是还有一些老公司或者说是像银行等国企单位还是要兼容ie8以上的,甚至是ie6以上(调试兼容性包括软件和硬件)简直就是脑壳疼。怎么办呢?解决方案(硬上):

  • 遇到兼容问题要学会总结,浏览器的兼容问题基本上都是固定的写法,记住怎么写怎么设置基本上就能完成80%
  • 有些兼容性问题浏览器本身就是不支持,你要我怎么办,换一种实现的方式或者说是需求方面能否进一步沟通换一个展示的形式
  • 如果是硬件问题的兼容性基本上厂家都会提供demo,不然基本上告别周公了 在学习CSS过程中主要还是孰能生巧,光靠记忆很容易忘记的。写的多了用的多了自然而然也就记住了。记不住怎么办呢?不要急找度娘查一下,总有记住的时候,但是总有一些奇怪的样式(我也不知道为什么就是忘)虽然用的地方很多但是总是记不住,每次写每次查那些你总是记不住但又总是要用的css

学习CSS之后开始学习JavaScript(所有框架和库的基础),JavaScript一定要学好这一点很重要。很多的面试题考查的就是JavaScript的基础知识要学会融会贯通,比如作用域,闭包,变量,this等。个人认为这一块可以分模块去学习(自学),学习完一个模块可以针对这一个模块做一些练习题,然后自己做一个总结,写一篇文章或者整理一个笔记都可以,方便我们之后的阅读和查阅,当然了我们写了就要反复的看,不要写了就是会了。

也有人问题我学习前端好长时间,把高程过了一下,为什么拿到代码还是很懵逼,不知道怎么下手,我个人觉得出现这个问题很正常:

  • 平时用的少,说到知识点都知道,已做题就不会(大学老师讲题,一听就会,一做就错)。
  • 做题的时候不要太着急得出答案,首先我们需要根据题目找到考察的知识点,针对知识点做题,题目迎刃而解。
  • 做完题我们需要总结,做题的全过程,为什么当时不会做,甚至看不懂,怎么会做的,怎么得出答案的。
  • 如果实在不会做,我们可以采用解读别人的解法,看别人的解题思路变成自己的,毕竟时间很宝贵。

至于框架而言,我们需要做的是不要感到恐惧,我们要怀着一颗"我已经准备好"或者说是"足够聪明"的心态。框架和语言在不断的发展,我们只是不知道,但是我们愿意学习它,它就不会太难。个人认为学习框架首先我们需要具备基本的基础知识,比如React

  • 1.ES6和ES7类
  • 2.箭头函数
  • 3.let和const
  • 4.导入导出文件和特定函数
  • 5.扩展运算符
  • 6.解构
  • 7.数组的一些方法 等等吧,需要我们学习的很多。

那么问题来了:面对众多框架我们怎么选择呢?

前段时间Vue3出来了,Webpack5也更新了,React和TypeScript也要更新,面对这么多的更新我们怎么抉择呢?个人认为就几个字"按部就班","猥琐发育,别浪",语言和框架在互联网飞速发展的今天,它们必须不断的更新去寻求更好的解决方案,但是我们在工作和开发中并不是能够全部用到,而且刚出来的东西不一定稳定和完善,如果在线上出现问题,我们承担不起责任。如果我们提前学了,半年没用到然后忘记了,接着技术栈又更新了,我们是不是还要继续学习。真的是太难了。所以到时候我们真正的需要它的时候再去学习也不迟。做好的是学以致用,何必不有时间陪陪家人和朋友们呢,打个游戏不香吗?

之后有了基础知识可以学习设计模式,算法以及数据结构等拓宽我们知识,寻找最优解法。

当然了现如今需要前端做的东西还有很多,我们还需要知道很多知识

最后总结一下,学习是一个漫长的过程,不是一蹴而就的。借我们领导分享给我们的三句话分享给你们:

  • 1.注重模板(收集信息)
  • 2.注重架构(站在对方角度,完善自己的架构)
  • 3.注重表述

以上全属个人的观点不喜勿碰,嘿嘿🤭

❤️ 爱心三连击

1.如果觉得这篇文章还不错,来个分享、点赞、在看三连吧,让更多的人也看到~

2.关注公众号小丑的小屋,定期为你推送好文和总结,一起学习一起进步。

3.有什么问题和有错误的地方,欢迎大家的留言和评论,还有后续更新,下期更加精彩 😍😍😍