前端生态知多少？

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

前端入门简单，但是它涉及的知识面多而杂，刚入行的那一年(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

兼容处理和适配处理

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

前端学习路线

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

仓库管理

前几年用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