不知道不覺自己在前端開發(fā)這個(gè)行業(yè)，摸爬滾打已經(jīng)六個(gè)年頭了拌滋，總覺得學(xué)了很多東西朴沿，但是又感覺自己很多東西沒有學(xué)的很精，因?yàn)橐恍┲R(shí)點(diǎn)只要追本溯源的去看待败砂，你就會(huì)發(fā)現(xiàn)它也是一個(gè)無底洞赌渣，需要我們耗費(fèi)大量的精力去挖掘、去學(xué)習(xí)吠卷。所以大部分的我們只做到如何應(yīng)用即可锡垄，就可以完成公司交給我們的大部分工作任務(wù)了。
前端入門簡(jiǎn)單祭隔，但是它涉及的知識(shí)面多而雜货岭，剛?cè)胄械哪且荒?2014年)，我們不但要會(huì)前端開發(fā)的代碼疾渴，同時(shí)我們也要會(huì)點(diǎn)切圖的功底千贯，所以多多少少你得會(huì)點(diǎn)ps的本領(lǐng)，例如在源文件上修改搞坝、刪除搔谴、添加一些字體啊，背景換個(gè)顏色啊桩撮，調(diào)整字體大小啊敦第，提取各種格式的圖片啊峰弹，這些早期都需要我們親力親為匀奏。
后來隨著前端迅猛的發(fā)展介陶，從傳統(tǒng)的前端只要會(huì)div+css+js(jq)就能干活的我們，變成了我們要會(huì)玩各種框架翔试，例如：
UI框架
不需要記憶右钾，但是要會(huì)根據(jù)文檔調(diào)用
Bootstrap蚁吝、Amaze UI、LayUi舀射、Material-UI窘茁、ElementUi、Antd Design脆烟、Vant等
流行的三大前端框架
Angular山林、Vue、React
需要我們熟練掌握他們各種語法糖和開發(fā)技巧浩淘。
小程序和公眾號(hào)
支付寶小程序捌朴、微信小程序、微信公眾號(hào)
這三個(gè)都是會(huì)根據(jù)官方提供給我們的jdk包张抄，進(jìn)行開發(fā)調(diào)用，主要是一個(gè)熟練流程和文檔功底洼怔。
樣式
Less署惯、Sass、Stylus镣隶、Flex极谊、Css
Less、Sass安岂、Stylus都是前端CSS 預(yù)處理語言轻猖，三者非常相似，使用方面沒有大的難度域那，就是各自的語法糖略有不同咙边，這三種瀏覽器都不認(rèn)識(shí)或者兼容性不好，需要我們通過工具最終轉(zhuǎn)換成CSS次员。
Flex：是現(xiàn)在手機(jī)端的一種布局方式败许，用最少的代碼實(shí)現(xiàn)很好的布局方式。
模板引擎
Jade淑蔚、Pug市殷、Art-template
Nodejs
Express、Koa
依賴安裝刹衫、包管理
bower醋寝、npm搞挣、yarn
三者都是用來管理我們安裝包依賴的，以前前端開發(fā)都是手動(dòng)引入開發(fā)工具包音羞，但是這樣會(huì)導(dǎo)致我們多人開發(fā)的時(shí)候柿究，因?yàn)榘蕾嚢姹咎?hào)的不同，導(dǎo)致程序拋出各種異常來黄选，為了解決這個(gè)問題所以引入了包的依賴管理的概念蝇摸。
bower配置管理文件是：bower.json
npm配置管理文件是：package.json package-lock.json
yarn配置管理文件是：package.json yarn.lock
Javascript、Jquery 办陷、ES6
這三者是我們前端學(xué)習(xí)的基本功貌夕，需要我們持續(xù)、長(zhǎng)久民镜、熟練的掌握他們的語法糖和調(diào)用方法啡专。
html標(biāo)簽
處理異步請(qǐng)求
ajax、fetch制圈、promise们童、axios、async/await
兼容處理和適配處理
上面這些都是做個(gè)一個(gè)前端開發(fā)者需要了解和學(xué)習(xí)鲸鹦，看文字恐怕不夠清晰慧库，就從網(wǎng)上找了一個(gè)腦圖，讓大家更加直觀的馋嗜，學(xué)習(xí)前端要掌握哪些知識(shí)齐板，
但是還有很多是我們作為開發(fā)者都要會(huì)的，比如：
倉(cāng)庫(kù)管理
前幾年用svn的偏多葛菇，現(xiàn)在大部分都在使用git甘磨，有喜歡指令控，也有喜歡工具界面控的眯停，不管哪種方式济舆，能很好高效管理我們的代碼倉(cāng)庫(kù)就好。
Git莺债、GitLab滋觉、Gitee(碼云)、SVN九府；管理工具：TortoiseGit椎瘟、SourceTree、TortoiseSVN
開發(fā)工具（這里主要涉及前端編輯器）
Dreamweaver-->Sublime-->WebStorm-->VsCode
Dreamweaver：在上大學(xué)的時(shí)候侄旬，代碼不是敲出來的（敲代碼很少）肺蔚，是通過一個(gè)一個(gè)控件拖出來的，現(xiàn)在很少在用了儡羔。
Sublime：屬于輕便型的宣羊，但是它也是收費(fèi)的璧诵，雖然可以免費(fèi)試用，但是經(jīng)常彈出購(gòu)買的窗口仇冯，挺反感的之宿，因?yàn)樗p便，插件庫(kù)也很豐富苛坚，所以很長(zhǎng)一段時(shí)間我都在用它比被。
WebStorm：是一款集成開發(fā)工具，比較重泼舱，收費(fèi)等缀，但是確實(shí)很好用。
VsCode：輕量娇昙、免費(fèi)尺迂、操作方便，所以它目前是我最喜歡的一款前端開發(fā)工具
文檔記錄工具（隨時(shí)隨地可以記錄保存信息冒掌、分享）
有道云筆記噪裕、印象筆記、騰訊文檔
搜索引擎
google股毫、baidu膳音、bing搜索、360搜索皇拣、搜狗搜索
在這里我要多說一句严蓖，很多時(shí)候，我們遇到問題的時(shí)候氧急，都會(huì)借助搜索引擎，快速的定位到我們想要的答案毫深，但有時(shí)候吩坝，搜索到的答案并不是我們想要的，不是它不夠智能哑蔫，而是我們搜索的詞不夠精準(zhǔn)钉寝，或者你提問的方式有問題，還有就是每家的搜索引擎搜索的算法是不一樣的闸迷，抓取資源方式是不一樣的嵌纲，所以當(dāng)我們遇到一些比較難的問題的時(shí)候，可以在各個(gè)搜索引擎上搜索試試腥沽。這里我給出幾點(diǎn)建議：
1.問題要簡(jiǎn)短逮走、挑關(guān)鍵詞來搜
2.答案不好搜索到的時(shí)候，嘗試不同的搜索引擎
3.專業(yè)性很強(qiáng)的東西今阳，要到專門的網(wǎng)站上搜索效率更高
4.如果能通過梯子搜索的师溅，就別再國(guó)內(nèi)搜索
5.英文搜索茅信，你可能會(huì)有一些意想不到的收獲
解決問題、學(xué)習(xí)分享網(wǎng)站墓臭、貼子蘸鲸、論壇。
Stack Overflow窿锉、掘金酌摇、csdn、簡(jiǎn)書嗡载、知乎窑多、各種官網(wǎng)討論區(qū)、問題區(qū)等
今天咱們就先寫到這里吧鼻疮，肯定還有很多是自己沒有想到或者有待自己需要完善的地方怯伊，隨后想到后再不斷完善吧。
又到了拉票環(huán)節(jié)判沟，求贊耿芹、求關(guān)注公眾號(hào)SunnyFan的程序人生，持續(xù)更新有用的前端知識(shí)挪哄、前端干貨分享給大家吧秕。
既然來了那就肯定有福利的：如果你是蘋果電腦用戶，需要一些破解mac軟件的迹炼，可以私信我砸彬，微信號(hào)：sunnyfan123456
福利： Navicat Premium 15.0.6 for Mac
https://pan.baidu.com/s/1XEeJSEnycYDpPNHBi8oqRQ （網(wǎng)盤提取密碼：62gb）
原文地址：http://blog.sunnyfanfan.com/articles/2020/09/26/1601103485725.html
