前端生态知多少?

不知道不觉自己在前端开发这个行业,摸爬滚打已经六个年头了,总觉得学了很多东西,但是又感觉自己很多东西没有学的很精,因为一些知识点只要追本溯源的去看待,你就会发现它也是一个无底洞,需要我们耗费大量的精力去挖掘、去学习。所以大部分的我们只做到如何应用即可,就可以完成公司交给我们的大部分工作任务了。

前端入门简单,但是它涉及的知识面多而杂,刚入行的那一年(2014年),我们不但要会前端开发的代码,同时我们也要会点切图的功底,所以多多少少你得会点ps的本领,例如在源文件上修改、删除、添加一些字体啊,背景换个颜色啊,调整字体大小啊,提取各种格式的图片啊,这些早期都需要我们亲力亲为。

后来随着前端迅猛的发展,从传统的前端只要会div+css+js(jq)就能干活的我们,变成了我们要会玩各种框架,例如:

UI框架

不需要记忆,但是要会根据文档调用
Bootstrap、Amaze UI、LayUi、Material-UI、ElementUi、Antd Design、Vant等

流行的三大前端框架

Angular、Vue、React
需要我们熟练掌握他们各种语法糖和开发技巧。

小程序和公众号

支付宝小程序、微信小程序、微信公众号
这三个都是会根据官方提供给我们的jdk包,进行开发调用,主要是一个熟练流程和文档功底。

样式

Less、Sass、Stylus、Flex、Css

Less、Sass、Stylus都是前端CSS 预处理语言,三者非常相似,使用方面没有大的难度,就是各自的语法糖略有不同,这三种浏览器都不认识或者兼容性不好,需要我们通过工具最终转换成CSS。
Flex:是现在手机端的一种布局方式,用最少的代码实现很好的布局方式。

模板引擎

Jade、Pug、Art-template

Nodejs

Express、Koa

依赖安装、包管理

bower、npm、yarn

三者都是用来管理我们安装包依赖的,以前前端开发都是手动引入开发工具包,但是这样会导致我们多人开发的时候,因为包依赖版本号的不同,导致程序抛出各种异常来,为了解决这个问题所以引入了包的依赖管理的概念。

bower配置管理文件是:bower.json
npm配置管理文件是:package.json package-lock.json
yarn配置管理文件是:package.json yarn.lock

Javascript、Jquery 、ES6

这三者是我们前端学习的基本功,需要我们持续、长久、熟练的掌握他们的语法糖和调用方法。

html标签

处理异步请求

ajax、fetch、promise、axios、async/await

兼容处理和适配处理

上面这些都是做个一个前端开发者需要了解和学习,看文字恐怕不够清晰,就从网上找了一个脑图,让大家更加直观的,学习前端要掌握哪些知识,

前端生态知多少?_第1张图片
前端学习路线

但是还有很多是我们作为开发者都要会的,比如:

仓库管理

前几年用svn的偏多,现在大部分都在使用git,有喜欢指令控,也有喜欢工具界面控的,不管哪种方式,能很好高效管理我们的代码仓库就好。

Git、GitLab、Gitee(码云)、SVN;管理工具:TortoiseGit、SourceTree、TortoiseSVN

开发工具(这里主要涉及前端编辑器)

Dreamweaver-->Sublime-->WebStorm-->VsCode

Dreamweaver:在上大学的时候,代码不是敲出来的(敲代码很少),是通过一个一个控件拖出来的,现在很少在用了。
Sublime:属于轻便型的,但是它也是收费的,虽然可以免费试用,但是经常弹出购买的窗口,挺反感的,因为它轻便,插件库也很丰富,所以很长一段时间我都在用它。
WebStorm:是一款集成开发工具,比较重,收费,但是确实很好用。
VsCode:轻量、免费、操作方便,所以它目前是我最喜欢的一款前端开发工具

文档记录工具(随时随地可以记录保存信息、分享)

有道云笔记、印象笔记、腾讯文档

搜索引擎

google、baidu、bing搜索、360搜索、搜狗搜索

在这里我要多说一句,很多时候,我们遇到问题的时候,都会借助搜索引擎,快速的定位到我们想要的答案,但有时候,搜索到的答案并不是我们想要的,不是它不够智能,而是我们搜索的词不够精准,或者你提问的方式有问题,还有就是每家的搜索引擎搜索的算法是不一样的,抓取资源方式是不一样的,所以当我们遇到一些比较难的问题的时候,可以在各个搜索引擎上搜索试试。这里我给出几点建议:

1.问题要简短、挑关键词来搜
2.答案不好搜索到的时候,尝试不同的搜索引擎
3.专业性很强的东西,要到专门的网站上搜索效率更高
4.如果能通过梯子搜索的,就别再国内搜索
5.英文搜索,你可能会有一些意想不到的收获

解决问题、学习分享网站、贴子、论坛。

Stack Overflow、掘金、csdn、、知乎、各种官网讨论区、问题区等

今天咱们就先写到这里吧,肯定还有很多是自己没有想到或者有待自己需要完善的地方,随后想到后再不断完善吧。

又到了拉票环节,求赞、求关注公众号SunnyFan的程序人生,持续更新有用的前端知识、前端干货分享给大家。

既然来了那就肯定有福利的:如果你是苹果电脑用户,需要一些破解mac软件的,可以私信我,微信号:sunnyfan123456

福利: Navicat Premium 15.0.6 for Mac
https://pan.baidu.com/s/1XEeJSEnycYDpPNHBi8oqRQ (网盘提取密码:62gb)

原文地址:http://blog.sunnyfanfan.com/articles/2020/09/26/1601103485725.html

你可能感兴趣的:(前端生态知多少?)