一、前端開發有利知識體系學習的網站：
1. w3school ： http://www.w3school.com.cn/
2. 菜鳥教程 ： https://www.runoob.com/
3.廖雪峰網站（可以看看他寫的JavaScript相關教程）：https://www.liaoxuefeng.com/
4.自強學堂：https://code.ziqiangxuetang.com/django/django-tutorial.html
二、前端開發相關開發軟件及各類瀏覽器：
開發軟件： 鏈接：https://pan.baidu.com/s/1E0879BDh-SlksgjtwJ2goQ 提取碼：1dac
各類瀏覽器壓縮包： 鏈接：https://pan.baidu.com/s/1wpHdsz7-QVUW_hV4Axq54Q 提取碼：cml8
三、快速開發軟件快捷鍵（以HBuilder為例） ：
最常用的幾個快捷鍵：
tab 自動補全
ctrl+d 刪除整行，也可以刪除多行
shift+ tab 整體向前縮進
ctrl+/ 整行注釋
ul>li*6 再按tab鍵可以快速生成無序列表 6列 (很多標簽都可以)
div.wrap 按tab鍵可以快速生成一個class類名為wrap的div
1、文件操作
新建菜單： ctrl + N
新建： ctrl + N
關閉： ctrl + w
全部關閉： ctrl + shift + w
保存： ctrl + s
全部保存： ctrl + shift + s
刷新： F5
屬性： Alt + Enter
2、編輯操作
激活代碼助手：Alt + /
顯示方法參數提示： Alt + Shift + ?
撤銷： Ctrl + Z
重做： Ctrl + Y
復制選區或光標所在行： Ctrl + C
剪切選區或光標所在行： Ctrl + X
粘貼： Ctrl + V
復制文件路徑： Ctrl + Shift + C
改寫切換： 插入
刪除： 刪除
刪除當前行： Ctrl + D
刪除前一詞： Ctrl + Backspace
刪除后一詞： Ctrl + Delete
刪除至行首： Shift + Backspace
刪除至行尾： Shift + Delete
刪除當前標簽： Ctrl + Shift + T
安全重命名對象： Ctrl + F2
重命名文件： F2
合並下一行： Ctrl + Alt + J
整理代碼格式： Ctrl + Shift + F
向上移動行： Ctrl + 向上箭頭
向上移動行： Ctrl + 向下箭頭
選中當前行： Ctrl + L
開啟/關閉注釋整行： Ctrl + /
開啟/關閉注釋已選內容： Ctrl + Shift + /
注釋分隔條： Ctrl + Shift + B
對選中標簽加包圍（加P元素）： Ctrl + 9
去包圍： Ctrl + 0
快速修正： Ctrl + 1
3、插入操作
向下空行： Ctrl + Enter
向上空行： Ctrl + Shift + Enter
重復插入當前行或選中區域： Ctrl + Shift + R
快速插入空白字符（nbsp）： Shift + 空格鍵
快速插入<br/><br/> (在html中）： Shift + Enter
快速插入\n（在js、 css中）：Shift + Enter
插入HTML標簽（使用當前詞）： Ctrl + Shift + ，
切換插入方式： Ctrl + Shift + 插入
插入詞語結尾符： Ctrl + Alt + Enter
4、轉義操作
全部大寫： Ctrl + Shift + X
全部小寫： Ctrl + Shift + Y
首字大寫： Ctrl + Shift + -
URL轉碼： Ctrl + Shift + 7
URL解碼： Ctrl + Shift + 5
八進制轉十進制： Ctrl + Shift + 0
十進制轉八進制： Ctrl + Shift + 8
十六進制轉十進制： Ctrl + Shift + 9
十進制轉十六進制： Ctrl + Shift + 6
5、選擇操作
全選： Ctrl + A
向左選詞： Ctrl + Shift + 左箭頭
向右選詞： Ctrl + Shift + 右箭頭
選擇相同詞： Ctrl + Shift + A
選擇HTML父節點： Ctrl + Alt + 向上箭頭
選前一個節點： Ctrl + Alt + 向左箭頭
選后一個節點： Ctrl + Alt + 向右箭頭
選所有子節點： Ctrl + Alt + 向下箭頭
選擇成對內容： Ctrl + [
列選擇： Ctrl + Alt + C
塊選擇： Alt + Shift + A
選擇至行首： Ctrl + 主頁鍵
選擇至行末： Ctrl + End
6、跳轉操作
上一個選項卡： Ctrl + Tab
選擇至行末： Ctrl + Shift + Tab
后退到歷史文件： Alt + 左箭頭
前進到歷史文件： Alt + 右箭頭
轉到匹配的括號： Alt + [
轉到匹配的引號： Alt + ‘
設置/取消書簽： Ctrl + Alt + B
轉到上一個文本輸入點： Alt + 向上箭頭
轉到下一個文本輸入點： Alt + 向下箭頭
折疊： Ctrl + Alt + -
展開： Ctrl + Alt + /
轉到特定行： Ctrl + G
激活快捷鍵視圖： Ctrl + Shift + L
激活便捷大綱： Ctrl + O
7、查找操作
搜索條（查找、替換）： Ctrl + F
聚焦到搜索條件框內： Ctrl + Alt + F
聚焦到替換輸入框內： Ctrl + Alt + E
隱藏搜索條：Esc
在搜索條內換行： Alt + Shift + Enter
HTML標簽規范： Ctrl + Shift + H
8、運行
Ctrl + R
9、視圖
活動視圖或編輯最大化： Ctrl + M
放大字體： Ctrl + Shift + =
減小字體： Ctrl + -
四、了解基本前端和H5相關概念及學習的基礎內容：
HTML+CSS+Javascript+jquery+ES6/7+Node.js+框架
HTML5
五、公司基本結構
產品經理(設計產品-原型圖-prd文檔)
UI設計師--psd頁面
前端--將后端數據顯示在前端頁面上
后端--寫數據
測試--上線
運營--拉流量
產品的迭代
六、注意事項：
好的精神狀態才是最好的工作狀態，不會就去百度搜索，各個學習網站找資料，善於使用快捷鍵，控制台查bug.