目錄
一、前端工程師技能
- HTML CSS JavaScript
- JQuery 網絡 CSS3 H5 es6 webpack4.0 git 小程序
- 設計模式 VUE VUEX VUE源碼 React Node.js MongoDB 數據庫
二、目前使用的編輯器
1、sublime Text
Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等。
2、Visual Studio Code
https://visualstudio.microsoft.com/zh-hans/vs/older-downloads/
三、HTML基礎標籤
HTML（hyper Text markup language）超文本標記語言
<meta charset="utf-8">
如果我們的頁面使用了漢字，需要定義字符編碼爲utf-8，否則會亂碼。
<html lang="en">
<meta content="關鍵字" name="keywords">
<meta content="描述" name="description">
告訴搜索引擎爬蟲，我們的網站關於什麼的內容；en是英文，zh是中文。
1、<p>標籤
p標籤（this is paragraph）段落標籤，文章成段出現
2、容器
<div></div>
<span></span>
容器的最大特點：結構化，綁定化
3、空格
空格在編程裏面不是我們認爲的空格的功能，舉一個例：漢字在頁面中瀏覽器是會識別的，因爲一個漢字就是一個漢字。而英文字不是的，它可以一個字母是一個單詞，很多字母也可是一個單詞，所以瀏覽器無法識別。這個時候空格就起到了很大的作用了。空格把每個單詞分隔開使瀏覽器更好識別。所以空格是——文字分隔符
4、HTML編碼
HTML編碼有很多，但是常用的這幾個。
< >
5、換行
<br>
6、分割線
<hr>
7、有序列表
<ol type="disc" reversed="reversed" start="1">
<li></li>
<li></li>
<li></li>
</ol>
<ol>(order list) 有序列表，type以什麼排序，reversed倒序，start從第幾個開始
8、無序列表
<ul type="disc">
<li></li>
<li></li>
<li></li>
</ul>
<ul>(unorder list) 無序列表 ，type的常用值還有square，circle。