這是一篇記錄自己在學(xué)習(xí)前端知識的過程中點(diǎn)點(diǎn)滴滴的問題積累危喉，寫的有些隨心所欲，沒有條理弹灭。計(jì)劃會一直更新督暂，但是不確定時間。
先把自己遇到的問題和一些想法都寫出來穷吮，先把一些目錄列出來逻翁，慢慢加鏈接，將來的一天再整理吧捡鱼。
一八回、學(xué)習(xí)前端需要的相關(guān)知識（沒有按照學(xué)習(xí)的先后順序來寫，看自己高興學(xué)什么就寫什么）
1驾诈、基本知識
HTML:超文本標(biāo)記語言（英語：HyperText Markup Language缠诅，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。
CSS：層疊樣式表 (Cascading?Style?Sheets)翘鸭，是為了定義如何顯示?HTML 元素。
JavaScript ：是 Web 的編程語言戳葵，可以讓你的網(wǎng)頁展示炫酷的動態(tài)效果就乓。
這三種語音簡單的說就是：
HTML、HTML5：?定義了網(wǎng)頁的內(nèi)容
CSS拱烁、CSS3：?描述了網(wǎng)頁的布局
JavaScript?：網(wǎng)頁的行為
2生蚁、Bootstrap
Bootstrap：來自 Twitter，是目前最受歡迎的前端框架戏自。Bootstrap 是基于 HTML邦投、CSS、JAVASCRIPT 的擅笔，它簡潔靈活志衣，使得 Web 開發(fā)更加快捷。
為什么使用 Bootstrap猛们？
移動設(shè)備優(yōu)先：自 Bootstrap 3 起念脯，框架包含了貫穿于整個庫的移動設(shè)備優(yōu)先的樣式。
瀏覽器支持：所有的主流瀏覽器都支持 Bootstrap弯淘。
容易上手：只要您具備 HTML 和 CSS 的基礎(chǔ)知識绿店，您就可以開始學(xué)習(xí) Bootstrap。
響應(yīng)式設(shè)計(jì)：Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)于臺式機(jī)、平板電腦和手機(jī)假勿。
它為開發(fā)人員創(chuàng)建接口提供了一個簡潔統(tǒng)一的解決方案借嗽。
它包含了功能強(qiáng)大的內(nèi)置組件，易于定制转培。
它還提供了基于 Web 的定制恶导。
它是開源的。
現(xiàn)在Bootstrap已經(jīng)發(fā)布了4堡距，官網(wǎng)上說不支持IE9以下的瀏覽器甲锡，想用的童鞋可以看我的另一篇文章“Bootstrap 4對IE8的支持”，用文章里的方法可以搞定對低版本IE的支持羽戒。?
3缤沦、Font Awesome 圖標(biāo)
.Font Awesome 是一套絕佳的圖標(biāo)字體庫和CSS框架。
Font Awesome 字體為您提供可縮放矢量圖標(biāo),它可以被定制大小易稠、顏色缸废、陰影以及任何可以用CSS的樣式。
要使用Font Awesome圖標(biāo)驶社，請?jiān)贖TML頁面的 部分中添加以下行：
（1）國內(nèi)推薦 CDN：
<link rel="stylesheet" >
（2）海外推薦 CDN
<link rel="stylesheet" >
建議直接去Font Awesome 中文網(wǎng)?看看企量。里面有圖標(biāo)的使用方法和具體圖標(biāo)的樣式。
4亡电、推薦兩個學(xué)習(xí)的網(wǎng)站
網(wǎng)站不是收藏的越多越好届巩，只收藏不看系列的網(wǎng)站就沒必要說了，只說一下自己用著方便的網(wǎng)站：
W3Cschool?有PC端和移動端份乒，平時手機(jī)看也很方便恕汇。有免費(fèi)和收費(fèi)兩種課程，初學(xué)者免費(fèi)課程完全夠用或辖。
菜鳥教程?看名字是給初學(xué)者準(zhǔn)備的瘾英，里面各種流行語言、框架的教程比較全颂暇，也是我最初學(xué)習(xí)時看的網(wǎng)站缺谴。
這兩個網(wǎng)站結(jié)合起來學(xué)習(xí)，我覺得初學(xué)者就不需要看第三個網(wǎng)站了耳鸯，按照上面的代碼湿蛔，自己一個個敲一遍，是一種不錯學(xué)習(xí)選擇县爬。
二煌集、前端制作需要的軟件（沒有任何優(yōu)劣分析，只是記錄自己用的軟件）
記錄的軟件不一定好用捌省，也不一定優(yōu)秀苫纤，只是自己用的時候順便發(fā)了一個鏈接或者截圖。
1、VS code（免費(fèi)）
VS vode特點(diǎn)：開源卷拘，免費(fèi)喊废；自定義配置；集成git栗弟；智能提示強(qiáng)大污筷；支持各種文件格式（html/jade/css/less/sass/xml）；調(diào)試功能強(qiáng)大乍赫；各種方便的快捷鍵瓣蛀；強(qiáng)大的插件擴(kuò)展。
根據(jù)自己的系統(tǒng)版本下載雷厂，插件擴(kuò)展自己找度娘惋增。推薦這篇文章 “VSCODE 10個高效開發(fā)插件”?（版權(quán)歸原作者），大家可以學(xué)習(xí)插件安裝改鲫，同時里面推薦的插件也不錯诈皿，基本夠用了。
2像棘、WebStorm（收費(fèi)）
目前已經(jīng)被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”稽亏、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等缕题，總之功能強(qiáng)大截歉，優(yōu)點(diǎn)多多，用起來的確也很爽烟零。當(dāng)然也有不足瘪松，最大的不足就是收費(fèi)，還有就是費(fèi)資源瓶摆。
下載地址就不提供了凉逛，網(wǎng)絡(luò)上好多綠色版其實(shí)根本不能用性宏。
