整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
lt;a>標(biāo)簽是常用的標(biāo)簽之一，今天就一起說(shuō)說(shuō)這個(gè)<a>標(biāo)簽，不足之處，還望指正。
<a>標(biāo)簽的作用：鏈接、下載、錨點(diǎn)等。其中最為重要的屬性為href.
鏈接是其最基本的功能，例如：
<a href="#">這是一個(gè)鏈接</a>
<a href="##">這是一個(gè)鏈接</a>
那么這時(shí)候就會(huì)產(chǎn)生一個(gè)鏈接指向#或者##
第二個(gè)屬性target
<a href="#" target=“_blank”>這是一個(gè)鏈接</a>
這時(shí)候，點(diǎn)擊鏈接時(shí)，會(huì)在一個(gè)新的頁(yè)面打開(kāi)，那么target有哪些值呢？如下：
_self -- 在當(dāng)前窗體打開(kāi)鏈接,此為默認(rèn)值
_blank -- 在新窗口中打開(kāi)鏈接
_parent -- 在父窗體中打開(kāi)鏈接（我喜歡用name）
_top -- 在當(dāng)前窗體打開(kāi)鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁(yè))（跳出框架）
我們做的都是文字鏈接，當(dāng)然也可以生成圖片鏈接：
<a href="#"> <img src="#" ></a>
下載功能：
<a href="#">下載</a> 此時(shí)#為文件地址
錨點(diǎn)功能：
<a href="#錨點(diǎn)名字">錨點(diǎn)</a>
<h2 name="錨點(diǎn)名字">標(biāo)題</h2>
此外，<a>標(biāo)簽還有偽類，偽類選擇符包括：
① a:link：未訪問(wèn)鏈接 ,如 a:link {color:blue}
② a:visited：已訪問(wèn)鏈接 ,如 a:visited{color:blue}
③ a:active：激活時(shí)（鏈接獲得焦點(diǎn)時(shí)）鏈接的顏色 ,如 a:active{color:blue}
④ a:hover：鼠標(biāo)移到鏈接上時(shí) ,如 a:hover {color:blue}
一般a:hover和a:visited鏈接的狀態(tài)（顏色、下劃線等）應(yīng)該是相同的。
前三者分別對(duì)應(yīng)body元素的link、vlink、alink這三個(gè)屬性。
【重要】四個(gè)“狀態(tài)”的先后過(guò)程是：a:link ->a:visited->a:hover ->a:active。另外，a:active不能設(shè)置有無(wú)下劃線（總是有的）。
TML 代碼約定
很多 Web 開(kāi)發(fā)人員對(duì) HTML 的代碼規(guī)范知之甚少。
在2000年至2010年，許多Web開(kāi)發(fā)人員從 HTML 轉(zhuǎn)換到 XHTML。
使用 XHTML 開(kāi)發(fā)人員逐漸養(yǎng)成了比較好的 HTML 編寫規(guī)范。
而針對(duì)于 HTML5 ，我們應(yīng)該形成比較好的代碼規(guī)范，以下提供了幾種規(guī)范的建議。
使用正確的文檔類型
文檔類型聲明位于HTML文檔的第一行：
<!DOCTYPE html>
如果你想跟其他標(biāo)簽一樣使用小寫，可以使用以下代碼：
<!doctype html>
使用小寫元素名
HTML5 元素名可以使用大寫和小寫字母。
推薦使用小寫字母：
混合了大小寫的風(fēng)格是非常糟糕的。
開(kāi)發(fā)人員通常使用小寫 (類似 XHTML)。
小寫風(fēng)格看起來(lái)更加清爽。
小寫字母容易編寫。
不推薦:
<SECTION>
<p>這是一個(gè)段落。</p>
</SECTION>
非常糟糕:
<Section>
<p>這是一個(gè)段落。</p>
</SECTION>
推薦:
<section>
<p>這是一個(gè)段落。</p>
</section>
關(guān)閉所有 HTML 元素
在 HTML5 中, 你不一定要關(guān)閉所有元素 (例如 <p> 元素)，但我們建議每個(gè)元素都要添加關(guān)閉標(biāo)簽。
不推薦:
<section>
<p>這是一個(gè)段落。
<p>這是一個(gè)段落。
</section>
推薦:
<section>
<p>這是一個(gè)段落。</p>
<p>這是一個(gè)段落。</p>
</section>
關(guān)閉空的 HTML 元素
在 HTML5 中, 空的 HTML 元素也不一定要關(guān)閉：
我們可以這么寫：
<meta charset="utf-8">
也可以這么寫：
<meta charset="utf-8" />
在 XHTML 和 XML 中斜線 (/) 是必須的。
如果你期望 XML 軟件使用你的頁(yè)面，使用這種風(fēng)格是非常好的。
使用小寫屬性名
HTML5 屬性名允許使用大寫和小寫字母。
我們推薦使用小寫字母屬性名:
同時(shí)使用大小寫是非常不好的習(xí)慣。
開(kāi)發(fā)人員通常使用小寫 (類似 XHTML)。
小寫風(fēng)格看起來(lái)更加清爽。
小寫字母容易編寫。
不推薦：
<div CLASS="menu">
推薦：
<div class="menu">
屬性值
HTML5 屬性值可以不用引號(hào)。
屬性值我們推薦使用引號(hào):
如果屬性值含有空格需要使用引號(hào)。
混合風(fēng)格不推薦的，建議統(tǒng)一風(fēng)格。
屬性值使用引號(hào)易于閱讀。
以下實(shí)例屬性值包含空格，沒(méi)有使用引號(hào)，所以不能起作用:
<table class=table striped>
以下使用了雙引號(hào)，是正確的：
<table class="table striped">
圖片屬性
圖片通常使用 alt 屬性。 在圖片不能顯示時(shí)，它能替代圖片顯示。
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
定義好圖片的尺寸，在加載時(shí)可以預(yù)留指定空間，減少閃爍。
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
空格和等號(hào)
等號(hào)前后可以使用空格。
<link rel = "stylesheet" href = "styles.css">
但我們推薦少用空格:
<link rel="stylesheet" href="styles.css">
避免一行代碼過(guò)長(zhǎng)
使用 HTML 編輯器，左右滾動(dòng)代碼是不方便的。
每行代碼盡量少于 80 個(gè)字符。
空行和縮進(jìn)
不要無(wú)緣無(wú)故添加空行。
為每個(gè)邏輯功能塊添加空行，這樣更易于閱讀。
縮進(jìn)使用兩個(gè)空格，不建議使用 TAB。
比較短的代碼間不要使用不必要的空行和縮進(jìn)。
不必要的空行和縮進(jìn):
<body>
<h1>菜鳥教程</h1>
<h2>HTML</h2>
<p>
菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想。
菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想。
菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想,
菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想。
</p>
</body>
推薦:
<body>
<h1>菜鳥教程</h1>
<h2></h2>
<p>菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想。
菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想。
菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想。
菜鳥教程，學(xué)的不僅是技術(shù)，更是夢(mèng)想。</p>
</body>
表格實(shí)例:
<table>
<tr>
<th>Name</th>
<th>Description</th>
</tr>
<tr>
<td>A</td>
<td>Description of A</td>
</tr>
<tr>
<td>B</td>
<td>Description of B</td>
</tr>
</table>
列表實(shí)例:
<ol>
<li>London</li>
<li>Paris</li>
<li>Tokyo</li>
</ol>
省略 <html> 和 <body>?
在標(biāo)準(zhǔn) HTML5 中， <html> 和 <body> 標(biāo)簽是可以省略的。
以下 HTML5 文檔是正確的:
實(shí)例:
<!DOCTYPE html>
<head>
<title>頁(yè)面標(biāo)題</title>
</head>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
嘗試一下 ?
不推薦省略 <html> 和 <body> 標(biāo)簽。
<html> 元素是文檔的根元素，用于描述頁(yè)面的語(yǔ)言：
<!DOCTYPE html>
<html lang="zh">
聲明語(yǔ)言是為了方便屏幕閱讀器及搜索引擎。
省略 <html> 或 <body> 在 DOM 和 XML 軟件中會(huì)崩潰。
省略 <body> 在舊版瀏覽器 (IE9)會(huì)發(fā)生錯(cuò)誤。
省略 <head>?
在標(biāo)準(zhǔn) HTML5 中， <head>標(biāo)簽是可以省略的。
默認(rèn)情況下，瀏覽器會(huì)將 <body> 之前的內(nèi)容添加到一個(gè)默認(rèn)的 <head> 元素上。
實(shí)例
<!DOCTYPE html>
<html>
<title>頁(yè)面標(biāo)題</title>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
</body>
</html>
嘗試一下 ?
| 現(xiàn)在省略 head 標(biāo)簽還不推薦使用。 |
元數(shù)據(jù)
HTML5 中 <title> 元素是必須的，標(biāo)題名描述了頁(yè)面的主題:
<title>菜鳥教程</title>
標(biāo)題和語(yǔ)言可以讓搜索引擎很快了解你頁(yè)面的主題:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>菜鳥教程</title>
</head>
HTML 注釋
注釋可以寫在 <!-- 和 --> 中:
<!-- 這是注釋 -->
比較長(zhǎng)的評(píng)論可以在 <!-- 和 --> 中分行寫：
<!--
這是一個(gè)較長(zhǎng)評(píng)論。 這是 一個(gè)較長(zhǎng)評(píng)論。這是一個(gè)較長(zhǎng)評(píng)論。
這是 一個(gè)較長(zhǎng)評(píng)論 這是一個(gè)較長(zhǎng)評(píng)論。 這是 一個(gè)較長(zhǎng)評(píng)論。
-->
長(zhǎng)評(píng)論第一個(gè)字符縮進(jìn)兩個(gè)空格，更易于閱讀。
樣式表
樣式表使用簡(jiǎn)潔的語(yǔ)法格式 ( type 屬性不是必須的):
<link rel="stylesheet" href="styles.css">
短的規(guī)則可以寫成一行:
p.into {font-family: Verdana; font-size: 16em;}
長(zhǎng)的規(guī)則可以寫成多行:
body {
background-color: lightgrey;
font-family: "Arial Black", Helvetica, sans-serif;
font-size: 16em;
color: black;
}
將左花括號(hào)與選擇器放在同一行。
左花括號(hào)與選擇器間添加以空格。
使用兩個(gè)空格來(lái)縮進(jìn)。
冒號(hào)與屬性值之間添加已空格。
逗號(hào)和符號(hào)之后使用一個(gè)空格。
每個(gè)屬性與值結(jié)尾都要使用符號(hào)。
只有屬性值包含空格時(shí)才使用引號(hào)。
右花括號(hào)放在新的一行。
每行最多 80 個(gè)字符。
| 在逗號(hào)和分號(hào)后添加空格是常用的一個(gè)規(guī)則。 |
在 HTML 中載入 JavaScript
使用簡(jiǎn)潔的語(yǔ)法來(lái)載入外部的腳本文件 ( type 屬性不是必須的 ):
<script src="myscript.js">
使用 JavaScript 訪問(wèn) HTML 元素
一個(gè)糟糕的 HTML 格式可能會(huì)導(dǎo)致 JavaScript 執(zhí)行錯(cuò)誤。
以下兩個(gè) JavaScript 語(yǔ)句會(huì)輸出不同結(jié)果:
實(shí)例
var obj = getElementById("Demo")
var obj = getElementById("demo")
HTML 中 JavaScript 盡量使用相同的命名規(guī)則。
訪問(wèn) JavaScript 代碼規(guī)范。
使用小寫文件名
大多 Web 服務(wù)器 (Apache, Unix) 對(duì)大小寫敏感： london.jpg 不能通過(guò) London.jpg 訪問(wèn)。
其他 Web 服務(wù)器 (Microsoft, IIS) 對(duì)大小寫不敏感： london.jpg 可以通過(guò) London.jpg 或 london.jpg 訪問(wèn)。
你必須保持統(tǒng)一的風(fēng)格，我們建議統(tǒng)一使用小寫的文件名。
文件擴(kuò)展名
HTML 文件后綴可以是 .html (或r .htm)。
CSS 文件后綴是 .css 。
JavaScript 文件后綴是 .js 。
.htm 和 .html 的區(qū)別
.htm 和 .html 的擴(kuò)展名文件本質(zhì)上是沒(méi)有區(qū)別的。瀏覽器和 Web 服務(wù)器都會(huì)把它們當(dāng)作 HTML 文件來(lái)處理。
區(qū)別在于：
.htm 應(yīng)用在早期 DOS 系統(tǒng)，系統(tǒng)現(xiàn)在或者只能有三個(gè)字符。
在 Unix 系統(tǒng)中后綴沒(méi)有特別限制，一般用 .html。
技術(shù)上區(qū)別
如果一個(gè) URL 沒(méi)有指定文件名 (如 http://www.runoob.com/css/), 服務(wù)器會(huì)返回默認(rèn)的文件名。通常默認(rèn)文件名為 index.html, index.htm, default.html, 和 default.htm。
如果服務(wù)器只配置了 "index.html" 作為默認(rèn)文件，你必須將文件命名為 "index.html", 而不是 "index.htm"。
但是，通常服務(wù)器可以設(shè)置多個(gè)默認(rèn)文件，你可以根據(jù)需要設(shè)置默認(rèn)文件嗎。
不管怎樣，HTML 完整的后綴是 ".html"。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
人問(wèn)我前端課程難嗎？這怎么說(shuō)呢！天下事有難易乎?為之,則難者亦易矣 不為,則易者亦難矣。
能不能自學(xué)成功貴在自我的堅(jiān)持當(dāng)然還有配合正確科學(xué)的方法。我負(fù)責(zé)科學(xué)的方法你負(fù)責(zé)堅(jiān)持。
首先你需要一臺(tái)個(gè)人電腦，最好不要是臺(tái)式機(jī)，筆記本更佳，MAC系統(tǒng)的畢竟本更好，如果你的財(cái)力允許的話。筆記本更便于攜帶，幾乎每個(gè)前端工程師都有自己的筆記本電腦，Mac系統(tǒng)更穩(wěn)健好用，不像Windows運(yùn)行幾年就變慢了。
其次你需要安裝一款適合自己的前端開(kāi)發(fā)軟件，也就是你的開(kāi)發(fā)工具。
”假輿馬者，非利足也，而致千里；假舟楫者，非能水也，而絕江河。君子生非異也，善假于物也。”--《勸學(xué)》
有一刻合適的開(kāi)發(fā)工具會(huì)讓你的效率提高很多，事半功倍。那么有哪些開(kāi)發(fā)工具呢？
Dreamweaver是個(gè)由Macromedia公司所開(kāi)發(fā)的著名網(wǎng)站開(kāi)發(fā)工具，一個(gè)很古老的前端網(wǎng)站開(kāi)發(fā)工具，多數(shù)前端工程師都用他起步的，DW的好處是，有設(shè)計(jì)和源碼兩種模式，所見(jiàn)即所得，功能齊全，非常適合剛?cè)腴T的工程師，但不推薦大家使用DW ，雖然他功能強(qiáng)大但很多功沒(méi)什么實(shí)際用處，所見(jiàn)即所得的開(kāi)發(fā)方式也不利于工程師成長(zhǎng)，重點(diǎn)是不免費(fèi)啊，還的費(fèi)勁兒去找破解版。
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟件功能非常強(qiáng)大，界面簡(jiǎn)潔明晰、操作方便快捷，設(shè)計(jì)得很人性化。軟件主要改進(jìn)了文檔視圖，完善了對(duì) Markdown的支持，新增PHP語(yǔ)法高亮，功能強(qiáng)大很多插件，安裝方便，重點(diǎn)是免費(fèi)，但還是不推薦初學(xué)者使用。
Sublime Text是一個(gè)代碼編輯器也是HTML和散文先進(jìn)的文本編輯器，雖然 一個(gè)輕量級(jí)的編輯器，但有豐富的插件和第三方支持，插件需要翻墻安裝，對(duì)于初學(xué)者也不是太合適，不推薦使用。
WebStorm 是一款比較Nice 的JavaScript開(kāi)發(fā)工具，被眾多前端工程師譽(yù)為“Web前端開(kāi)發(fā)神器” 主要是各種提示比較給力，而且除了代碼管理，還提供了對(duì)ES6的支持。打開(kāi)有點(diǎn)慢。可以選擇使用。
hbuilder是一款知名的且廣受好評(píng)的專門為前端研發(fā)的開(kāi)發(fā)工具，而且全中文，語(yǔ)法庫(kù)齊全和瀏覽器兼容數(shù)據(jù)、可以方便的制作手機(jī)APP、最保護(hù)眼睛的綠柔設(shè)計(jì)等特點(diǎn)。支持HTML、CSS、JS、PHP的快速開(kāi)發(fā)。。其強(qiáng)大全面的提示功能、調(diào)試等功能，讓程序員用起來(lái)感覺(jué)非常順手，而且是免費(fèi)的，推薦初學(xué)者使用。
沒(méi)錯(cuò)記事本也能做為前端的開(kāi)發(fā)工具，但很少有人使用這玩意兒，完全不推薦初學(xué)者使用。
好了工具裝完了，完事具備了只欠東風(fēng)，是不是就可以開(kāi)始學(xué)習(xí)了呢？
莫慌，我們?cè)倏纯淳W(wǎng)絡(luò)上有哪些能幫助我們學(xué)習(xí)的網(wǎng)站。初級(jí)階段不用花錢看免費(fèi)的資料就行。網(wǎng)絡(luò)上一抓一大把，主要是你的學(xué)會(huì)找到這些資料。
在線教育機(jī)構(gòu)有很多，他們會(huì)提供一些免費(fèi)的視頻和成體系的課程，不過(guò)也是魚龍混雜，死了一批活了一批。我推薦給不錯(cuò)的網(wǎng)站，供大家參考。
聲明：所有排名不分先后
成立于2014年02月
極客學(xué)院也是一家純粹做線上的在線教育平臺(tái)，開(kāi)設(shè)課程有前端，Python，go，Android和iOS。極客學(xué)院不同之處在于其模式類似于硅谷的培訓(xùn)機(jī)構(gòu)Udacity，通過(guò)包月與包年的會(huì)員制，為學(xué)生提供相應(yīng)的課程視頻、文檔資料。并且試水“一對(duì)一”的在線教育模式，當(dāng)然了極客的模式和傳統(tǒng)的“一對(duì)一”有所不同，極客學(xué)院的“一對(duì)一”主要指老師為學(xué)生一對(duì)一批改作業(yè)等，而在授課方式上，采取的依然是一對(duì)多模式。。
成立于2012年05月
麥子學(xué)院是比較純粹做在線教育的IT培訓(xùn)教育平臺(tái)，課程體系根據(jù)用戶人群需求不同分為自學(xué)課和企業(yè)直通班（有導(dǎo)師進(jìn)行跟蹤輔導(dǎo)，基本上可以看做是把線下的培訓(xùn)模式實(shí)現(xiàn)了在線化），開(kāi)設(shè)的課程種類非常的多，幾乎涵蓋了互聯(lián)網(wǎng)的各個(gè)領(lǐng)域。
教學(xué)模式純粹的在線化，課程可以在官網(wǎng)上找到，課程制作相對(duì)比較優(yōu)質(zhì)。
成立于2013年8月
慕課網(wǎng)主打免費(fèi)IT技能培訓(xùn)，當(dāng)然了現(xiàn)在也有收費(fèi)的實(shí)戰(zhàn)項(xiàng)目課程。慕課網(wǎng)在所有的在線培訓(xùn)平臺(tái)中算是口碑比較良好的一個(gè)吧，這可可能和其免費(fèi)優(yōu)質(zhì)的策略有關(guān)。就課程體系而言慕課網(wǎng)也幾乎涵蓋了所有的課程分類，課程特色為其規(guī)劃好的一些職業(yè)體系，方便一些自學(xué)入門的用戶可以按部就班的獲得一個(gè)系統(tǒng)的知識(shí)體系。其次慕課網(wǎng)內(nèi)置的代碼編輯器也是非常的出色，所見(jiàn)即所得不需要配置本地環(huán)境，更加快捷，省去了很多的麻煩。
成立于2016年4月（進(jìn)入國(guó)內(nèi)的時(shí)間）
優(yōu)達(dá)學(xué)城是一家來(lái)自硅谷的在線教育機(jī)構(gòu)，“骨骼清奇”和硅谷多家世界知名企業(yè)達(dá)成合作，這也展示在其課程上，像人工智能，自動(dòng)駕駛等課程算是國(guó)內(nèi)獨(dú)樹(shù)一幟，但是對(duì)于國(guó)內(nèi)大部分的學(xué)習(xí)者來(lái)說(shuō)，其英文的課程是一個(gè)不小的挑戰(zhàn)。優(yōu)達(dá)學(xué)城獨(dú)具特色的地方在于課程免費(fèi)， 對(duì)一些認(rèn)證考試和就業(yè)介紹進(jìn)行收費(fèi)，作為其盈利點(diǎn)。
在其進(jìn)入國(guó)內(nèi)，根據(jù)國(guó)情也對(duì)少數(shù)的課程添加了漢語(yǔ)字幕，其次也努力的和國(guó)內(nèi)的一些互聯(lián)網(wǎng)企業(yè)尋求合作，目標(biāo)群體基本上定位在專業(yè)度高計(jì)算機(jī)基礎(chǔ)穩(wěn)固的人群。
當(dāng)然還有很多其他在線教育的網(wǎng)站，不過(guò)大多上來(lái)就彈窗，問(wèn)你要不要報(bào)名啊，想盡辦法讓你花錢，煩。
不喜歡看視頻的同學(xué)可以選擇 W3C 菜鳥教程。這個(gè)教程簡(jiǎn)單易用，非常適用于初學(xué)入門者。
首先學(xué)習(xí)html5 了解各種標(biāo)簽的使用以及什么是語(yǔ)義化。當(dāng)然只看html5是遠(yuǎn)遠(yuǎn)不夠的，接下來(lái)就是css了。html5只是頁(yè)面的結(jié)構(gòu)編寫更多美好的工作還需要css來(lái)完成，具體的學(xué)習(xí)周期大概2~3周，大家就能記的差不多了。
大家在菜鳥教程中可以到css和css3兩種教程，學(xué)習(xí)順序別搞錯(cuò)了是學(xué)完css再學(xué)習(xí)css3,因?yàn)閏ss3是作為css的一個(gè)補(bǔ)償存在的。
學(xué)習(xí)完css3就到了JavaScript學(xué)習(xí)階段了
JavaScript 是 Web 的編程語(yǔ)言。所有現(xiàn)代的 HTML 頁(yè)面都使用 JavaScript。JavaScript之后還后ECAMScript6 哈哈
ES6的學(xué)習(xí)看看欒一峰的文件就可以了：http://es6.ruanyifeng.com/
這些都學(xué)完了就到框架階學(xué)習(xí)段了，目前流行的前端框架有三種：
Vue.js（讀音 /vju?/, 類似于 view） 是一套構(gòu)建用戶界面的漸進(jìn)式框架。Vue 只關(guān)注視圖層， 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。
React 是一個(gè)用于構(gòu)建用戶界面的 JAVASCRIPT 庫(kù)。React主要用于構(gòu)建UI，很多人認(rèn)為 React 是 MVC 中的 V（視圖）。React 起源于 Facebook 的內(nèi)部項(xiàng)目，用來(lái)架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開(kāi)源。React 擁有較高的性能，代碼邏輯非常簡(jiǎn)單 。
Angular2 是一款開(kāi)源JavaScript庫(kù)，由Google維護(hù)，用來(lái)協(xié)助單一頁(yè)面應(yīng)用程序運(yùn)行。Angular2 是 Angular 1.x 的升級(jí)版本，性能上得到顯著的提高，能很好的支持 Web 開(kāi)發(fā)組件。Angular2 發(fā)布于2016年9月份，它是基于ES6來(lái)開(kāi)發(fā)的。
建議學(xué)習(xí)Vue.js 目前比較盛行，不會(huì)Vue都不好意思說(shuō)自己是前端工程師了。
資料和路徑都有了你可以開(kāi)始自學(xué)了。不過(guò)一個(gè)學(xué)習(xí)一但遇到問(wèn)題就麻爪了，一個(gè)小問(wèn)題卡住能停下一個(gè)星期。如果能組團(tuán)一起學(xué)習(xí)可以進(jìn)行交流。
還有如果有人帶你一起做項(xiàng)目是不是會(huì)更快呢？
最好找一個(gè)行內(nèi)人士為師，好隨時(shí)進(jìn)行指點(diǎn)，才可事半功倍。
歡迎關(guān)注，小故事演繹大前端。多多交流，一起學(xué)習(xí)。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
