前端，HTML（超文本標記語言），CSS（層疊樣式表）和JavaScript（腳本語言）
HTML，通常說的h5，其實按標准來說，HTML4的后續版本不帶編號了，並保證向前的兼容性
CSS的版本3，增加了translate()，能完成以前一定需要js才能做到的動畫，同時增加了flex彈性盒子（響應式設計，提供一種更加有效的方式來對一個容器中的子元素進行排列、對齊和分配空白空間，以往使用float）
前端框架
一、Bootstrap
在Bootstrap的官網介紹中，Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. 大致意思就是：Bootstrap是最受歡迎的HTML、CSS和JS框架，用於開發響應式布局、移動設備優先的Web項目，用於開發響應式布局，是一套用於 HTML、CSS 和 JS 開發的開源工具集。
Bootstrap的設計以移動設備優先，在網頁的 head 之中添加 viewport meta 標簽
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Bootstrap使用一個容器元素來包裹網站的內容，使用類.container（固定寬度並支持響應式布局的容器）和.container-fluid（用於 100% 寬度，占據全部視口（viewport）的容器），具體的就看教程吧（https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html，自帶部分jQuery插件，3教程之后）
通常說 Bootstrap是一種前端框架，個人感覺其實這種說法不是很准確，Bootstrap的框架和Angular等說的框架，此框架非彼框架，Bootstrap更多感覺是一種頁面UI的布局，通過一系列定義好的CSS class和一些預定義好的jquery插件實現比如過渡、下拉、折疊、輪播的初步效果
或者，Bootstrap是一種UI，用於前端布局的框架，屬於css框架，而不是javascript框架，但是它本身也使用javascript來完善Bootstrap框架的視覺效果
二、AmazeUI、LayUI
個人知道還不錯的兩款國產前端布局UI，部分功能需要使用js才能實現，采用自身模塊規范編寫，模塊化的組件（lay官網還能直接拖動看效果和代碼），感覺很棒
https://www.layui.com http://amazeui.org
三、jQuery
jQuery 是一個 JavaScript函數庫，極大地簡化了 JavaScript 編程。jQuery 是目前最流行的 JS 框架，而且提供了大量的擴展。
官網：https://jquery.com，中文手冊：http://www.xgllseo.com/jq3/index-2.html，jQueryUI：http://jqueryui.com（用戶界面交互、特效、小部件及主題）
基礎語法：$(select).action()，jQuery的選擇器和CSS一樣，類選擇器 .class，id的選擇器 #id，sass寫法 >
$(document).ready(function(){
//jQuery 入口函數
});
$("button").click(function(){
//jQuery 點擊事件
});
jQuery感覺是封裝了一部分的函數，簡化了原生js的寫法，在實際使用時，jQuery對DOM樹進行操控，即：首先有一個寫好的html頁面，再對其修改操作
如寫按鈕事件函數，點擊隱藏，切換，頁面跳轉等
四、三大框架
之前使用jQuery，目前處於初學框架階段，處於選擇一個框架學習的階段，個人拙見，錯望指正
通常說的三大框架，即：Angular Vue React
Angular （注：2，1的版本和2的版本簡直是兩種語言）是基於 TypeScript（Javascript超集）的 Javascript 框架。React 被描述為 用於構建用戶界面的 JavaScript 庫，Vue 為一款用於構建直觀，快速和組件化交互式界面的 MVVM 框架
Angular 是一個框架而不是一個庫，是一個完整的解決方案。React 和 Vue 更靈活的。Angular 必須用 TypeScript，文檔均是TS的
因為數據雙向綁定和寫法的問題，個人暫時不考慮學React。抱着對Google大大深深的愛，自己看了Angular 6的官方文檔，然后，我發現我一句都看不懂，好吧，我承認我很菜，但是好歹給我個希望啊，但是相比之下，Vue官方的教程學習曲線簡直不要太友好
不知道自己的理解是不是對的，Angular的使用導致了不論之后進行什么修改，都需要使用Angular的寫法，而Vue因為其模塊化，故可以在項目的部分使用Vue，進行修改時，即使是其他框架的項目也可以使用Vue.js進行修改。
以前一個學長告訴我的：說輕量級的展示頁面使用jQuery，管理后台使用框架。jQuery的編程思想是首先編寫HTML和CSS的頁面展示再操作DOM樹，而框架是首先考慮頁面的功能，再進行前端的展示，編程思想正好相反。（個人學習中，待之后回來驗證該說法）
選擇哪種框架，參考說法：https://juejin.im/post/5a0d5df1f265da43062a542f
如果你在Google工作：Angular
如果你喜歡 TypeScript：Angular（或React）
如果你喜歡面向對象編程（OOP）: Angular
如果你需要指導手冊，架構和幫助：Angular
如果你在Facebook工作：React
如果你喜歡靈活性：React
如果你喜歡大型的技術生態系統：React
如果你喜歡在幾十個軟件包中進行選擇：React
如果你喜歡JS和“一切都是 Javascript 的方法”：React
如果你喜歡真正干凈的代碼：Vue
如果你想要最平緩的學習曲線：Vue
如果你想要最輕量級的框架：Vue
如果你想在一個文件中分離關注點：Vue
如果你一個人工作，或者有一個小團隊：Vue（或 React）
如果你的應用程序往往變得非常大：Angular（或 React）
如果你想用 react-native 構建一個應用程序：React
如果你想在圈子中有很多的開發者：Angular 或 React
如果你與設計師合作，並需要干凈的 HTML 文件：Angular or Vue
如果你喜歡 Vue 但是害怕有限的技術生態系統：React
如果你不能決定，先學習 React，然后 Vue，然后 Angular