前言

這里筑夢師,是一名正在努力學(xué)習(xí)的iOS開發(fā)工程師,目前致力于全棧方向的學(xué)習(xí),希望可以和大家一起交流技術(shù),共同進步,用簡書記錄下自己的學(xué)習(xí)歷程.

個人學(xué)習(xí)方法分享

本文目錄&更新說明

目錄
1.學(xué)習(xí)方法
2.學(xué)習(xí)態(tài)度
3.全棧開發(fā)
4.學(xué)習(xí)路線(很長)
5.知識拓展(很長)

在這里收取很多人的建議以后決定說明一下,這是我的第一篇使用Markdown語法寫的文章,版面可能會有瑕疵,或者易讀性并不是那么高(但是知識點真的是這么多),這篇文章主要收集了全棧涉及到各個知識點

后期會根據(jù)我本人學(xué)習(xí)進度進行總結(jié),每個知識點,對,就是每個知識點,我會根據(jù)自己的理解寫成簡書,到時候迫切的希望各位幫我參考,我的看法有時候會出現(xiàn)偏差,還希望各位及時指出.我會認真的回復(fù)評論.

我會一直使用簡書和個人博客更新個人學(xué)習(xí)歷程~也希望各位能夠在這條路上一直走下去.

學(xué)習(xí)方法

這是個人學(xué)習(xí)方法,還請大家結(jié)合自身情況,制定適合自己的學(xué)習(xí)方法.

首先,我會去收集全棧工程師會涉及的方面,大致分為 前端,后臺,服務(wù)器. 然后,細化各個階段不同的知識點,逐一百度進行了解.
了解相關(guān)知識的有名書籍,例如服務(wù)器的鳥叔私房菜系列書籍,前端的Head First系列,后臺的Linux開發(fā)手冊. 本人整理過相關(guān)書籍,以及尋找書籍方法~傳送門

本人使用的筆記軟件是Omni outliner Mac版,windows的開發(fā)者可以使用 幕布 這個應(yīng)用.一般學(xué)習(xí)時間會開啟3個窗口
自學(xué)筆記+視頻學(xué)習(xí)筆記+總結(jié)筆記
自學(xué)筆記為讀書時的筆記和百度到的所有知識點.
視頻學(xué)習(xí)筆記為視頻資料學(xué)習(xí)的筆記.會記錄視頻當(dāng)中的各個知識點.
然后去其糟粕,取其精華,寫到總結(jié)筆記以后,再進行總結(jié).
最后完成各個知識點的學(xué)習(xí)以及總結(jié).
當(dāng)遇到代碼知識點時一定要進行實際操練以及考察.
要根據(jù)自身想法進行延伸考察.才能將知識學(xué)到手.

一定要整理適合自己的學(xué)習(xí)方法,保證學(xué)習(xí)效率,學(xué)習(xí)過程中都會遇到瓶頸,當(dāng)自己無法理解新知識時就是瓶頸

1.可能是學(xué)習(xí)方法不夠完善,有些知識不夠融會貫通.
2.學(xué)習(xí)跨度不能太大,導(dǎo)致自己理解不了.
3.梳理自己的學(xué)習(xí)體系,程序語言不是死記硬背,而是靠理解和體會進行使用,一定要有自己的理解看法,而不是生搬硬套書和視頻當(dāng)中的看法.

學(xué)習(xí)態(tài)度

謙虛,好學(xué),內(nèi)斂,成熟
學(xué)習(xí)態(tài)度,一定要是主動學(xué)習(xí),主動延伸,而不是被動學(xué)習(xí).
我會主動的去使用百度學(xué)習(xí)我每一個不懂的知識點.
例如 :

1. Apache 配置這個知識點,我就會去搜索 "Apache配置" 以及 "httpd.conf配置".
2. MySQL 數(shù)據(jù)庫這個知識點,我就會去搜索 "MySQL開發(fā)"關(guān)鍵詞.
3. 百度學(xué)習(xí)的效率如何提高,主要是在關(guān)鍵詞的搜索上,當(dāng)你學(xué)習(xí)一方面的知識時,例如HTML知識,你就搜索"HTML開發(fā)" +"空格"+"你想搜索的知識點".例如JavaScript開發(fā) "JS開發(fā)"+"空格"+"XXX效果實現(xiàn)".重點關(guān)注簡書、CSDN熄诡、github达椰、Stackoverflow等網(wǎng)站的結(jié)果,而不是局限于百度知道,百度百科等.

知識很多,網(wǎng)絡(luò)上資源也有很多,你不學(xué)永遠是0.
量雖然很大,但請一點點進行學(xué)習(xí),循序漸進~

全棧開發(fā)

全棧開發(fā)這里想說一下個人觀點,有很多人說:"全棧全棧,全都懂點,全都不精,全都不會."

這個觀點,我不否定,但我不認同,我投入全棧的學(xué)習(xí),有我自己的目的,那么我為什么要和那些全都不精的人在一個圈子里.不是因為學(xué)的多,就一定學(xué)不會,那請問大神也都是什么都會啊.請不要因為別人否定自己,否則你就已經(jīng)輸了.
本文涉及的知識點也不是絕對的全棧,算是全棧入門,全棧水平也有高低,請勿學(xué)前自滿.

友情鏈接

在進行全棧學(xué)習(xí)之前,我在小專欄認識到了鋼哥-Keegen小鋼.
進階全棧之路--小專欄
Keegen小鋼個人博客
根據(jù)他的文章,我找到了適合自己的學(xué)習(xí)方法.鋼哥注重的是全棧的思想和學(xué)習(xí)方法.跟隨鋼哥的腳步,進行全棧的學(xué)習(xí).

在學(xué)習(xí)全棧的過程中,認識到了一個比我更加努力并且愛分享的程序員.
Java3y的簡書主頁
Java3y的個人博客
因為本人正依照本文路線進行實踐(后端開發(fā)主要為PHP).
如果有想學(xué)習(xí)Java開發(fā)的同學(xué),可以點擊上面Java3y同學(xué)的主頁一起學(xué)哦.

進行下面的學(xué)習(xí)時,請先確定自己學(xué)全棧的目的和動力.
下文主要分為兩部分,學(xué)習(xí)路線部分主要羅列出每一個全棧涉及的知識點.

學(xué)習(xí)路線

在進行學(xué)習(xí)路線學(xué)習(xí)時,會遇到很多自己不懂陌生知識點,請你毫不吝嗇的使用百度吧~

• • Web前端
    • 前端開發(fā)工具
    • SEO
  • HTML + CSS
    • HTML簡介
    • HTML標簽詳解
    • 標簽語義化
    • CSS概述
    • CSS屬性
    • CSS樣式的類型
    • CSS選擇器
    • CSS背景
    • 元素的顯示模式
    • CSS偽類
    • 字體相關(guān)屬性
    • 盒子模型
    • margin
    • padding
    • 浮動
    • 定位
    • CSS相關(guān)案例
  • HTML5 + CSS3
    • HTML5新增標簽
    • HTML5多媒體
    • HTML5音頻播放
    • HTML5視頻播放
    • HTML5DOM擴展
    • HTMl5自定義屬性
    • 地理定位
    • 文件讀取
    • 元素拖拽
    • 應(yīng)用緩存
    • 歷史管理
    • web存儲
    • CSS3選擇器
    • CSS3新屬性
    • 2D轉(zhuǎn)換與過渡
    • 3D轉(zhuǎn)換
    • 動畫
    • Web字體
    • Flex彈性布局
  • JavaScript + jQuery
    • JavaScript
      • JavaScript概述
      • 數(shù)據(jù)類型
      • 流程控制
      • 算法基礎(chǔ)
      • 企業(yè)編程規(guī)范
      • JavaScript內(nèi)置對象常用方法
      • 對象的創(chuàng)建方式
      • JavaScript中的對象
      • 面向?qū)ο?/li>
      • 原型
      • 作用域鏈
      • 函數(shù)的調(diào)用方式及this指向
      • 正則表達式
      • JavaScript高級
        • 遞歸與預(yù)解析
        • 數(shù)據(jù)類型
        • 函數(shù)
        • 詞法分析
        • 作用域鏈
        • 事件編程
        • canvas繪圖
        • 面向?qū)ο?/li>
        • JSON對象
        • 原型鏈
        • 設(shè)計模式
        • 正則表達式
      • JavaScript原理探究
        • 原型
        • 原型鏈
        • 繼承
        • 閉包
        • ES5
        • ES6
    • jQuery
      • jQuery簡介
      • jQuery的優(yōu)勢
      • jQuery選擇器
      • jQuery中的動畫
      • jQuery插件
      • jQueryUI
      • jQuery編程思想
      • 鏈式編程和隱式迭代
      • 編寫jQuery插件
      • jQuery選擇器
      • 屬性操作
      • 事件編程
      • jQuery特效
      • 文檔處理
      • 插件機制
      • jQuery中的Ajax
      • 開源jQuery項目實踐
  • PHP +MySQL
    • 搭建環(huán)境
      • PHP簡介
      • WEB程序的訪問流程
      • 安裝Apache
      • MySQL
      • PHP7
      • 配置虛擬主機
    • PHP7基礎(chǔ)
      • 變量和常量
      • 數(shù)據(jù)類型
      • 運算符
      • 流程控制
      • 函數(shù)
      • 字符串
      • 數(shù)組
      • PSR規(guī)范
      • B/S結(jié)構(gòu)
      • 參數(shù)傳遞GET/POST
      • 動態(tài)網(wǎng)站
      • 后臺接口開發(fā)
      • 分支循環(huán)語句
    • MySQL數(shù)據(jù)庫
      • MySQL簡介
      • 基礎(chǔ)SQL操作
      • 字符集
      • 列類型
      • 類屬性
      • 表關(guān)系
      • 高級查詢
      • 外鍵
      • 范式
      • 用戶管理
      • 權(quán)限管理
      • 數(shù)據(jù)備份與還原
    • MySQL優(yōu)化
      • MySQL優(yōu)化概述
      • MySQL存儲引擎
      • 列類型的選擇
      • 數(shù)據(jù)庫設(shè)計三范式與逆范式
      • MySQL中的執(zhí)行計劃
      • 數(shù)據(jù)庫中索引的設(shè)計
      • MySQL中的其他功能
      • MySQL分表技術(shù)
      • Sphinx
      • 讀寫分離
    • 表單傳值
      • 表單傳值的方式
      • PHP接收數(shù)據(jù)的三種方式
      • PHP處理復(fù)選框數(shù)據(jù)
      • 文件上傳
    • MySQLi擴展
      • 基本操作
      • 執(zhí)行增刪改操作
      • 執(zhí)行查詢操作
      • 與MySQLi相關(guān)的函數(shù)
      • MySQLi擴展應(yīng)用案例
    • 文件編程
      • 文件操作的分類
      • 目錄操作
      • 文件操作
      • 文件下載
    • 會話技術(shù)
      • 會話技術(shù)概述
      • Cookie與Session的區(qū)別
      • Cookie原理
      • Cookie操作
      • Session原理
      • Session操作
      • 垃圾回收機制
    • GD圖像處理
      • GD庫概述
      • GD畫布實現(xiàn)
      • 驗證碼
      • 縮略圖
      • 水印圖
    • 面向?qū)ο?
      • 面向?qū)ο蟾攀?/li>
      • 面向?qū)ο髮崿F(xiàn)
      • 封裝
      • 繼承
      • 多態(tài)
      • 對象遍歷
      • 對象序列化
      • 反射機制
      • 命名空間
      • Trait新特性
    • PDO擴展
      • PDO簡介
      • PDO類
      • PDOStatement類
      • PDO預(yù)處理
      • PDO事務(wù)處理
      • PDO異常處理
      • PDO屬性
      • 封裝PDO類
    • Smarty
      • Smarty概述
      • 模板設(shè)計
      • 程序設(shè)計
    • ThinkPHP5.0
      • ThinkPHP5框架概述
      • 基礎(chǔ)
      • 架構(gòu)
      • 路由
      • 控制器
      • 視圖
      • 模型
      • 項目實用項
    • RESTful
      • RESTful概述
      • HTTP協(xié)議
      • RESTful API設(shè)計六要素
      • 編寫API接口文檔
      • 使用Lumen實現(xiàn)RESTful
    • MVC設(shè)計模式
      • MVC設(shè)計模式
      • 搭建自定義MVC框架
    • 博客項目
      • 項目開發(fā)流程
      • 數(shù)據(jù)表數(shù)據(jù)
      • 后臺實現(xiàn)
      • 前臺實現(xiàn)
      • 擴展功能
    • 數(shù)據(jù)表設(shè)計蟋恬、后臺設(shè)計、前臺設(shè)計挽懦、會員設(shè)計冀泻、購物車設(shè)計棒假、訂單設(shè)計、接口設(shè)計（微信/支付寶烂瘫、短信媒熊、QQ登錄、郵件坟比、地圖芦鳍、物流）、靜態(tài)化
    • PHP+Swoole多進程爬蟲
      • Swoole概述
      • Server
      • Client
      • Process
      • AsyncIO
      • Memory
      • HttpServer
      • WebSocket
      • Swoole綜合案例：PHP+Swoole多進程爬蟲
  • Web API
    • BOM操作
    • DOM操作
    • 事件處理
    • 瀏覽器兼容性處理
    • 頁面動態(tài)效果
    • 動畫
  • HTTP/HTTPS協(xié)議
    • HTTP協(xié)議概念
    • HTTP協(xié)議的特點
    • HTTP協(xié)議的分類
    • HTTP請求
    • HTTP響應(yīng)
    • HTTP狀態(tài)碼
    • PHP模擬HTTP請求
    • 擴展：HTTPS協(xié)議
  • Ajax
    • Ajax概述
    • Ajax對象
    • GET與POST請求
    • 同步與異步概念
    • 緩存問題
    • Ajax與XML
    • Ajax與JSON
    • 封裝Ajax框架
    • 跨域請求
    • 原生Ajax
    • jQuery的Ajax相關(guān)API使用
    • 低層原理分析
    • 緩存問題及處理方式
    • 跨域請求及解決方法
    • 實用案例
  • VueJS
    • Vue概述
    • Vue指令
    • Vue屬性
    • 方法葛账、事件柠衅、過濾器、事件處理籍琳、鉤子函數(shù)
    • 組件菲宴、動畫、路由趋急、API請求
    • 常用系統(tǒng)指令
    • 數(shù)據(jù)綁定
    • 指令
    • 過濾器
    • 生命周期
    • 組件化
    • Vue組件
    • Vue過渡效果(動畫)
    • 路由(vue-router庫）
    • axios
  • WAMP & MAMP & LAMP
    • WEB程序的訪問流程
    • Apache
    • MySQL
    • PHP
    • 配置虛擬主機
  • 設(shè)計模式
    • MVC
    • MVVM
  • Git開發(fā)
    • 命令行
    • git的基本使用
    • 對比文件差異喝峦、還原、合并 宣谈，回滾操作
    • 遠端倉庫操作,使用github創(chuàng)建遠端倉庫愈犹，生成ssh key 并添加到github
  • Linux操作系統(tǒng)
    • Linux系統(tǒng)概述
    • VMware虛擬機的安裝
    • CentOS系統(tǒng)安裝
    • Shell指令
    • VI編輯器
    • Linux內(nèi)核分析
    • 用戶和組
    • 文件操作
    • 網(wǎng)絡(luò)配置
    • FTP
    • LAMP部署
  • Nginx服務(wù)器集群
    • Nginx概述
    • LNMP的安裝與配置
    • 緩存設(shè)置
    • 壓縮設(shè)置
    • 負載均衡
  • Memcache緩存設(shè)計
    • 大型項目優(yōu)化概述
    • Memcache軟件的安裝
    • Memcache指令詳解
    • 使用PHP操作Memcache
    • Memcache應(yīng)用場景
  • Redis 緩存\消息隊列
    • Redis概述
    • Redis支持的數(shù)據(jù)類型
    • 持久化功能
    • Redis主從模式
    • PHP操作Redis
    • 消息隊列
    • 商城系統(tǒng)緩存設(shè)計與秒殺實現(xiàn)
  • MongoDB (NoSQL數(shù)據(jù)庫)
    • MongoDB概述
    • MongoDB進階
    • MongoDB的權(quán)限機制
    • 使用PHP操作MongoDB
  • 網(wǎng)站優(yōu)化(MySQL高級優(yōu)化)
    • MySQL優(yōu)化概述
    • MySQL存儲引擎
    • 列類型的選擇
    • 數(shù)據(jù)庫設(shè)計三范式與逆范式
    • 執(zhí)行計劃
    • 索引
    • 分庫分表技術(shù)
  • 網(wǎng)站優(yōu)化(Sphinx,Xunsearch)
    • 主從服務(wù)器的講解
    • 主從復(fù)制
    • 讀寫分離實戰(zhàn)
  • 網(wǎng)站優(yōu)化(主從復(fù)制,讀寫分離)
    • Sphinx概述
    • 安裝Sphinx
    • 使用PHP+API接口連接Sphinx
    • Sphinx的匹配模式
    • Sphinx增量索引
  • 網(wǎng)站優(yōu)化(頁面靜態(tài)化)
    • 頁面靜態(tài)化技術(shù)簡介
    • 真靜態(tài)
    • 偽靜態(tài)
  • Laravel框架
    • Laravel概述
    • Laravel的安裝
    • 目錄分析
    • 控制器
    • 路由
    • 視圖
    • HTTP請求與響應(yīng)
    • 數(shù)據(jù)庫
    • 模型
    • Laravel實用項
    • Redis數(shù)據(jù)庫
    • 消息隊列
  • Laravel +VueJS 在線直播平臺
    • 前端界面開發(fā)
    • Laravel后臺程序設(shè)計
    • Socket編程
    • Redis集群
    • ffmpeg轉(zhuǎn)碼
    • VOD點播
    • CDN加速
    • HLS技術(shù)
    • 在線教育平臺實戰(zhàn)
  • Canvas繪圖
    • canvas概述
    • 繪圖
    • echarts
    • svg
    • svg圖標的使用
  • 移動Web開發(fā)(響應(yīng)式設(shè)計)
    • 移動端屏幕介紹
    • 移動端瀏覽器介紹
    • 移動端操作系統(tǒng)介紹
    • Chrome模擬調(diào)試
    • 真機調(diào)試
    • Viewport
    • rem
    • 觸屏touch事件
    • 手勢封裝
    • 媒體查詢,設(shè)備尺寸劃分
    • 主流響應(yīng)式布局框架
    • 移動端框架
    • bootstrap
    • iScroll
    • swiper
    • fastclick
    • zepto
    • framework7
    • Canvas
    • Sass
    • vw
    • CSS預(yù)處理器LESS
  • 前端模塊化
    • AMD
    • CMD
    • 模塊化開發(fā)基本概念
    • 模塊化演變過程分析
    • 設(shè)計規(guī)范
    • RequireJS
    • 淘寶的SeaJS
  • NodeJS詳解
    • NodeJS歷史
    • 發(fā)展
    • 特征與現(xiàn)狀
    • ES6常用語法
    • 同步與異步
    • 環(huán)境安裝
    • 文件操作
    • 網(wǎng)絡(luò)操作
    • 模塊化思想及操作
    • npm
    • 異步編程
    • Express
    • 工具模塊
    • Web模塊
    • 全局對象
  • Express框架
    • Express 簡介
    • 安裝
    • 請求與響應(yīng)
    • 路由
    • 靜態(tài)文件
    • 文件上傳
    • Cookiet管理
  • AngularJS實戰(zhàn)開發(fā)
    • 單頁應(yīng)用
    • MVC
    • 常用指令
    • 雙向綁定和單向綁定
    • 模塊
    • 控制器controller
    • $watch
    • 自定義指令
    • jqLite
    • 過濾器
    • 數(shù)據(jù)過濾
    • 服務(wù)location
    • 前端路由
    • http攔截器
  • ReactJS實戰(zhàn)開發(fā)
    • 快速入門
    • 虛擬DOM
    • 交互與動態(tài)UI
    • 數(shù)據(jù)渲染
    • JSX 語法
    • 組件開發(fā)
    • 組件復(fù)用
    • 生命周期
    • React操作dom元素
    • React絕對路由
    • webpack和gulp集成構(gòu)建項目
    • flux
    • redux
    • state props context 等
    • 附加模塊
    • 集成工具
    • 重定向組件
    • 代理方式進行跨域
    • 按需加載
  • 移動端項目 (全棧必備)
    • mui框架使用
    • 前端校驗插件
    • echarts數(shù)據(jù)可視化
    • Ajax進度條組件
    • 模板引擎渲染
    • 圖片上傳插件
  • 后臺項目 (全棧必備)
    • 后端渲染頁面，使用會話技術(shù)實現(xiàn)登錄闻丑，PHP操作MySQL數(shù)據(jù)庫漩怎，開發(fā)接口，使用AJAX技術(shù)嗦嗡，模板引擎ArtTemplate完成頁面功能的實現(xiàn)
  • vue項目 (全棧必備)
    • webpack
    • vue-cli
    • vuex
    • 打包發(fā)布
    • 組件開發(fā)
    • 權(quán)限管理
    • 外部接口調(diào)用
  • 微服務(wù)Docker (PHP進階)
    • Docker概述
    • 為什么需要Docker
    • Docker環(huán)境開發(fā)流程
    • Docker安裝與配置
    • Docker指令
    • DockerFile應(yīng)用服務(wù)器
  • Swoole聊天室 (PHP進階)
    • Swoole概述
    • Server
    • Client
    • Process
    • AsyncIO
    • Memory
    • HttpServer
    • WebSocket
    • PHP+Swoole聊天室
  • 微信開發(fā)（微擎/ EasyWechat）
    • 微信公眾平臺概述
    • 微信開發(fā)前期準備
    • 微信6大接收接口
    • 微信6大回復(fù)接口
    • 微信LBS接口開發(fā)
    • 微信機器人開發(fā)
    • 響應(yīng)式設(shè)計
    • 微擎/EasyWechat
    • 微信綜合案例
  • 微信小程序 (前端進階)
    • 微信框架
    • 小程序界面設(shè)計
    • API接口設(shè)計
    • 小程序數(shù)據(jù)綁定
    • 小程序性能優(yōu)化與實踐
    • 小程序入門概念及演示
    • 小程序開發(fā)工具介紹與創(chuàng)建quick_start項目
    • 小程序文件結(jié)構(gòu)
    • wxml
    • wxss
    • 常用組件(view,image,text,navigator,swiper等)
    • 小程序常用api
  • 微信公眾號 (前端進階)
    • 用JS-SDK技術(shù)做分享勋锤、拍照、支付侥祭、登錄等功能叁执。

知識拓展

這里是在進行全棧涉及知識點時,我本人進行百度到的各種知識拓展,方便大家學(xué)習(xí)

• • 前后端分離

    • 目前市面上都是前后端分離
    • 主要目的是 解耦 分離架構(gòu).
    • 前后端使用JSON交流,后端架構(gòu)語言如何選擇將和前端沒有關(guān)系
    • 聽說 TDD (Test-driven development茄厘，測試驅(qū)動開發(fā)) 可以改善代碼的質(zhì)量，我們便實施了 TDD谈宛；接著次哈，聽說 BDD (Behavior-driven development，行為驅(qū)動開發(fā)) 可以交付符合業(yè)務(wù)需求的軟件吆录，我們便實施了 BDD窑滞；后來，聽說 DDD (Domain-driven design恢筝，領(lǐng)域驅(qū)動設(shè)計) 可以分離業(yè)務(wù)代碼與基礎(chǔ)代碼哀卫，我們便實施了 DDD。今天撬槽，聽說了前后端分離很流行此改，于是我們就實施了前后端分離——這就是傳說中的 HDD（Hype-driven Development，熱鬧驅(qū)動開發(fā)）
    • 前后端只通過 JSON 來交流侄柔，組件化共啃、工程化不需要依賴后端去實現(xiàn)。
    • 前后端分離和微服務(wù)一樣勋拟，漸漸地影響了新的大型系統(tǒng)的架構(gòu)勋磕。微服務(wù)和前后端分離要解決是類似的問題，解耦——可以解耦復(fù)雜的業(yè)務(wù)邏輯敢靡，解耦架構(gòu)挂滓。可要是說相像吧啸胧，消息隊伍和前后端便相似一些赶站，通過傳遞數(shù)據(jù)的形式來解耦組件。

  • TCP/IP 協(xié)議

    • TCP/IP協(xié)議簇是Internet的基礎(chǔ)纺念，也是當(dāng)今最流行的組網(wǎng)形式贝椿。TCP/IP是一組協(xié)議的代名詞，包括許多別的協(xié)議陷谱，組成了TCP/IP協(xié)議簇烙博。其中比較重要的有SLIP協(xié)議、PPP協(xié)議烟逊、IP協(xié)議渣窜、ICMP協(xié)議、ARP協(xié)議宪躯、TCP協(xié)議乔宿、UDP協(xié)議、FTP協(xié)議访雪、DNS協(xié)議详瑞、SMTP協(xié)議等掂林。

  • HTTP協(xié)議

    • 閱讀 圖解HTTP

  • OSI參考模型

    • OSI（Open System Interconnect），即開放式系統(tǒng)互聯(lián)坝橡。 一般都叫OSI參考模型泻帮，是ISO（國際標準化組織）組織在1985年研究的網(wǎng)絡(luò)互聯(lián)模型。該體系結(jié)構(gòu)標準定義了網(wǎng)絡(luò)互連的七層框架（物理層驳庭、數(shù)據(jù)鏈路層刑顺、網(wǎng)絡(luò)層、傳輸層饲常、會話層、表示層和應(yīng)用層）狼讨，即ISO開放系統(tǒng)互連參考模型贝淤。在這一框架下進一步詳細規(guī)定了每一層的功能，以實現(xiàn)開放系統(tǒng)環(huán)境中的互連性政供、互操作性和應(yīng)用的可移植性播聪。

  • web service 服務(wù)端應(yīng)用

    • webService 三要素

      • SOAP、WSDL(WebServicesDescriptionLanguage)布隔、UDDI(UniversalDescriptionDiscovery andIntegration)之一离陶， soap用來描述傳遞信息的格式， WSDL 用來描述如何訪問具體的接口衅檀， uddi用來管理招刨，分發(fā)，查詢webService 哀军。具體實現(xiàn)可以搜索 Web Services簡單實例 ; SOAP 可以和現(xiàn)存的許多因特網(wǎng)協(xié)議和格式結(jié)合使用沉眶，包括超文本傳輸協(xié)議（HTTP），簡單郵件傳輸協(xié)議（SMTP）杉适，多用途網(wǎng)際郵件擴充協(xié)議（MIME）谎倔。它還支持從消息系統(tǒng)到遠程過程調(diào)用（RPC）等大量的應(yīng)用程序。SOAP使用基于XML的數(shù)據(jù)結(jié)構(gòu)和超文本傳輸協(xié)議(HTTP)的組合定義了一個標準的方法來使用Internet上各種不同操作環(huán)境中的分布式對象猿推。
      • SMTP 隸屬于 TCP/IP協(xié)議

    • Web service是一個平臺獨立的片习，低耦合的，自包含的蹬叭、基于可編程的web的應(yīng)用程序藕咏，可使用開放的XML（標準通用標記語言下的一個子集）標準來描述、發(fā)布具垫、發(fā)現(xiàn)侈离、協(xié)調(diào)和配置這些應(yīng)用程序，用于開發(fā)分布式的互操作的應(yīng)用程序筝蚕。 [1]
      Web Service技術(shù)卦碾， 能使得運行在不同機器上的不同應(yīng)用無須借助附加的铺坞、專門的第三方軟件或硬件， 就可相互交換數(shù)據(jù)或集成洲胖。依據(jù)Web Service規(guī)范實施的應(yīng)用之間济榨， 無論它們所使用的語言、 平臺或內(nèi)部協(xié)議是什么绿映， 都可以相互交換數(shù)據(jù)擒滑。Web Service是自描述、 自包含的可用網(wǎng)絡(luò)模塊叉弦， 可以執(zhí)行具體的業(yè)務(wù)功能丐一。Web Service也很容易部署， 因為它們基于一些常規(guī)的產(chǎn)業(yè)標準以及已有的一些技術(shù)淹冰，諸如標準通用標記語言下的子集XML库车、HTTP。Web Service減少了應(yīng)用接口的花費樱拴。Web Service為整個企業(yè)甚至多個組織之間的業(yè)務(wù)流程的集成提供了一個通用機制柠衍。

    • web廣泛用到的技術(shù)：
      . TCP/IP：通用網(wǎng)絡(luò)協(xié)議，被各種設(shè)備使用

      . HTML（標準通用標記語言下的一個應(yīng)用）：通用用戶界面晶乔，可以使用HTML標簽顯示數(shù)據(jù)

      . .NET: 不同應(yīng)用程序間共享數(shù)據(jù)與數(shù)據(jù)交換

      . Java：寫一次可以在任何系統(tǒng)運行的通用編程語言珍坊，因為java具有跨平臺特性

      . XML（標準通用標記語言下的一個子集）：通用數(shù)據(jù)表達語言，在web上傳送結(jié)構(gòu)化數(shù)據(jù)的容易方法

  • Apache Nginx IIS >服務(wù)器軟件

    • Apache

      • Apache是世界使用排名第一的Web服務(wù)器軟件正罢。它可以運行在幾乎所有廣泛使用的計算機平臺上阵漏，由于其跨平臺和安全性被廣泛使用，是最流行的Web服務(wù)器端軟件之一腺怯。它快速袱饭、可靠并且可通過簡單的API擴充，將Perl/Python等解釋器編譯到服務(wù)器中呛占。
      • Apache HTTP服務(wù)器是一個模塊化的服務(wù)器虑乖，源于NCSAhttpd服務(wù)器，經(jīng)過多次修改晾虑，成為世界使用排名第一的Web服務(wù)器軟件疹味。

    • Nginx

      • Nginx (engine x) 是一個高性能的HTTP和反向代理服務(wù)器，也是一個IMAP/POP3/SMTP服務(wù)器帜篇。Nginx是由伊戈爾·賽索耶夫為俄羅斯訪問量第二的Rambler.ru站點（俄文：Рамблер）開發(fā)的糙捺，第一個公開版本0.1.0發(fā)布于2004年10月4日。
        其將源代碼以類BSD許可證的形式發(fā)布笙隙，因它的穩(wěn)定性洪灯、豐富的功能集、示例配置文件和低系統(tǒng)資源的消耗而聞名竟痰。2011年6月1日签钩，nginx 1.0.4發(fā)布掏呼。
        Nginx是一款輕量級的Web 服務(wù)器/反向代理服務(wù)器及電子郵件（IMAP/POP3）代理服務(wù)器，并在一個BSD-like 協(xié)議下發(fā)行铅檩。其特點是占有內(nèi)存少憎夷，并發(fā)能力強，事實上nginx的并發(fā)能力確實在同類型的網(wǎng)頁服務(wù)器中表現(xiàn)較好昧旨，中國大陸使用nginx網(wǎng)站用戶有：百度拾给、京東、新浪兔沃、網(wǎng)易蒋得、騰訊、淘寶等粘拾。

    • IIS

      • iis是Internet Information Services的縮寫窄锅，意為互聯(lián)網(wǎng)信息服務(wù)，是由微軟公司提供的基于運行Microsoft Windows的互聯(lián)網(wǎng)基本服務(wù)缰雇。最初是Windows NT版本的可選包，隨后內(nèi)置在Windows 2000追驴、Windows XP Professional和Windows Server 2003一起發(fā)行械哟，但在Windows XP Home版本上并沒有IIS。IIS是一種Web（網(wǎng)頁）服務(wù)組件殿雪，其中包括Web服務(wù)器暇咆、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器丙曙，分別用于網(wǎng)頁瀏覽爸业、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面亏镰，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事扯旷。 [1]
        IIS的安全脆弱性曾長時間被業(yè)內(nèi)詬病，一旦IIS出現(xiàn)遠程執(zhí)行漏洞威脅將會非常嚴重索抓。遠程執(zhí)行代碼漏洞存在于 HTTP 協(xié)議堆棧 (HTTP.sys) 中钧忽，當(dāng) HTTP.sys 未正確分析經(jīng)特殊設(shè)計的 HTTP 請求時會導(dǎo)致此漏洞。 成功利用此漏洞的攻擊者可以在系統(tǒng)帳戶的上下文中執(zhí)行任意代碼逼肯，可以導(dǎo)致IIS服務(wù)器所在機器藍屏或讀取其內(nèi)存中的機密數(shù)據(jù)嬉探。

  • web server 網(wǎng)頁端服務(wù)器

    • Web服務(wù)器一般指網(wǎng)站服務(wù)器魏宽，是指駐留于因特網(wǎng)上某種類型計算機的程序，可以向瀏覽器等Web客戶端提供文檔， [1] 也可以放置網(wǎng)站文件汽纤，讓全世界瀏覽；可以放置數(shù)據(jù)文件，讓全世界下載。目前最主流的三個Web服務(wù)器是Apache Nginx IIS葫辐。

  • Weblogic Tomcat Jboss > 應(yīng)用服務(wù)器

    • weblogic

      • WebLogic是美國Oracle公司出品的一個application server，確切的說是一個基于JAVAEE架構(gòu)的中間件男翰，WebLogic是用于開發(fā)另患、集成、部署和管理大型分布式Web應(yīng)用蛾绎、網(wǎng)絡(luò)應(yīng)用和數(shù)據(jù)庫應(yīng)用的Java應(yīng)用服務(wù)器昆箕。將Java的動態(tài)功能和Java Enterprise標準的安全性引入大型網(wǎng)絡(luò)應(yīng)用的開發(fā)、集成租冠、部署和管理之中鹏倘。
        WebLogic是美商Oracle的主要產(chǎn)品之一，是并購BEA得來顽爹。是商業(yè)市場上主要的Java（J2EE）應(yīng)用服務(wù)器軟件（application server）之一纤泵，是世界上第一個成功商業(yè)化的J2EE應(yīng)用服務(wù)器, 已推出到12c(12.2.1.3) 版。而此產(chǎn)品也延伸出WebLogic Portal镜粤，WebLogic Integration等企業(yè)用的中間件（但當(dāng)下Oracle主要以Fusion Middleware融合中間件來取代這些WebLogic Server之外的企業(yè)包）捏题，以及OEPE(Oracle Enterprise Pack for Eclipse)開發(fā)工具。

    • Tomcat

      • Tomcat是Apache 軟件基金會（Apache Software Foundation）的Jakarta 項目中的一個核心項目肉渴，由Apache公荧、Sun 和其他一些公司及個人共同開發(fā)而成。由于有了Sun 的參與和支持同规，最新的Servlet 和JSP 規(guī)范總是能在Tomcat 中得到體現(xiàn)循狰，Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 規(guī)范。因為Tomcat 技術(shù)先進券勺、性能穩(wěn)定绪钥，而且免費，因而深受Java 愛好者的喜愛并得到了部分軟件開發(fā)商的認可关炼，成為目前比較流行的Web 應(yīng)用服務(wù)器程腹。
        Tomcat 服務(wù)器是一個免費的開放源代碼的Web 應(yīng)用服務(wù)器，屬于輕量級應(yīng)用服務(wù)器盗扒，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用跪楞，是開發(fā)和調(diào)試JSP 程序的首選。對于一個初學(xué)者來說侣灶，可以這樣認為甸祭，當(dāng)在一臺機器上配置好Apache 服務(wù)器，可利用它響應(yīng)HTML（標準通用標記語言下的一個應(yīng)用）頁面的訪問請求褥影。實際上Tomcat是Apache 服務(wù)器的擴展池户，但運行時它是獨立運行的，所以當(dāng)你運行tomcat 時，它實際上作為一個與Apache 獨立的進程單獨運行的校焦。

    • Jboss

      • 是一個基于J2EE的開放源代碼的應(yīng)用服務(wù)器赊抖。 JBoss代碼遵循LGPL許可，可以在任何商業(yè)應(yīng)用中免費使用寨典。JBoss是一個管理EJB的容器和服務(wù)器氛雪，支持EJB 1.1、EJB 2.0和EJB3的規(guī)范耸成。但JBoss核心服務(wù)不包括支持servlet/JSP的WEB容器报亩，一般與Tomcat或Jetty綁定使用。

  • RESTful API交互（如jQuery Ajax井氢，F(xiàn)etch API弦追，ReactiveX）

    • Fetch API (新一代HTML請求方式)
    • ReactiveX (響應(yīng)式編程)
      • ReactiveX 是一個基于一系列可觀察的異步和基礎(chǔ)事件編程組成的一個庫。
        它繼承觀察者模式花竞，支持序列數(shù)據(jù)或者事件劲件。更高級的用法允許你將如下的一些抽象概念操作一起聯(lián)合使用，比如低線程约急，同步零远，線程安全，數(shù)據(jù)并發(fā)厌蔽，非阻塞I/O流遍烦。
        它通常被稱為“函數(shù)響應(yīng)式編程”，這是用詞不當(dāng)?shù)奶烧怼eactiveX 可以是函數(shù)式的，可以是響應(yīng)式的供填，但是和“函數(shù)響應(yīng)式編程”是不同的概覽拐云。一個主要的不同點是“函數(shù)響應(yīng)式編程”是對隨著時間不停變化的值進行操作的，而ReactiveX是對超時提交產(chǎn)生的離散值上近她。
      • ReactiveX 簡稱 Rx叉瘩，全稱 Reactive Extensions，最初是LINQ的一個擴展粘捎，由微軟的架構(gòu)師Erik Meijer領(lǐng)導(dǎo)的團隊開發(fā)薇缅，在2012年11月開源，Rx是一個編程模型攒磨，目標是提供一致的編程接口泳桦，幫助開發(fā)者更方便的處理異步數(shù)據(jù)流，Rx庫支持.NET娩缰、JavaScript和C++灸撰，Java等幾乎所有的編程語言。Rx擴展了觀察者模式用于支持數(shù)據(jù)和事件序列，添加了一些操作符浮毯，它讓你可以聲明式的組合這些序列完疫，而無需關(guān)注底層的實現(xiàn)：如線程、同步债蓝、線程安全壳鹤、并發(fā)數(shù)據(jù)結(jié)構(gòu)和非阻塞IO。
      • Reactive: 響應(yīng)式
      • LINQ: Language Integrated Query的簡稱饰迹，它是集成在.NET編程語言中的一種特性芳誓。已成為編程語言的一個組成部分，在編寫程序時可以得到很好的編譯時語法檢查蹦锋，豐富的元數(shù)據(jù)兆沙，智能感知、 靜態(tài)類型等強類型語言的好處莉掂。
        迭代器模式：核心思想是：通過定義遍歷或查看對象中所有元素的方法的接口葛圃，并根據(jù)不同的類進行不同的方法實現(xiàn)相，已達到對類數(shù)據(jù)遍歷的抽象以及對類內(nèi)部如何獲取數(shù)據(jù)的過程進行掩蓋的目的憎妙。當(dāng)于Java中的Iterator（迭代器）有它的繼承接口如ListIterator和它的實現(xiàn)類等库正，我們在遍歷Set、Map時厘唾，用到他們的Iterator褥符，這樣，他們具體怎么拿出數(shù)據(jù)的過程抚垃，我們不用知道喷楣。
      • 觀察者模式：有時被稱作發(fā)布/訂閱模式铣焊，觀察者模式定義了一種一對多的依賴關(guān)系罕伯，讓多個觀察者對象同時監(jiān)聽某一個主題對象。這個主題對象在狀態(tài)發(fā)生變化時坟募，會通知所有觀察者對象，使它們能夠自動更新自己懈糯“豪【下面RxJava的使用過程就是觀察者模式的體現(xiàn)】
      • Rx = Observables【用于表示異步數(shù)據(jù)流】 + LINQ【用它的操作符查詢異步數(shù)據(jù)流】 + Schedules【參數(shù)化異步數(shù)據(jù)流的并發(fā)處理】
      • Rx用到的設(shè)計模式精華：觀察者模式蜂奸、迭代器模式

  • MVC & MVVM (設(shè)計模式)

    • 閱讀 設(shè)計模式相關(guān)書籍
    • 針對不同語言有著不同定義.
    • 最典型的MVC就是JSP + servlet + javabean的模式

  • I/O (輸入輸出)

    • I/O（input/output）围详，即輸入/輸出端口助赞。每個設(shè)備都會有一個專用的I/O地址，用來處理自己的輸入輸出信息群叶。CPU與外部設(shè)備街立、存儲器的連接和數(shù)據(jù)交換都需要通過接口設(shè)備來實現(xiàn)，前者被稱為I/O接口梁剔，而后者則被稱為存儲器接口憾朴。存儲器通常在CPU的同步控制下工作，接口電路比較簡單做祝；而I/O設(shè)備品種繁多，其相應(yīng)的接口電路也各不相同声登，因此悯嗓，習(xí)慣上說到接口只是指I/O接口铅祸。

  • C/S & B/S

    • B/S
      • B/S結(jié)構(gòu)（Browser/Server临梗，瀏覽器/服務(wù)器模式），是WEB興起后的一種網(wǎng)絡(luò)結(jié)構(gòu)模式什猖，WEB瀏覽器是客戶端最主要的應(yīng)用軟件。這種模式統(tǒng)一了客戶端荤傲，將系統(tǒng)功能實現(xiàn)的核心部分集中到服務(wù)器上，簡化了系統(tǒng)的開發(fā)雾家、維護和使用【挫客戶機上只要安裝一個瀏覽器（Browser英 ['bra?z?]美 ['bra?z?]），如Netscape Navigator或Internet Explorer英染，服務(wù)器安裝SQL Server搪搏、Oracle、MYSQL等數(shù)據(jù)庫喝检。瀏覽器通過Web Server 同數(shù)據(jù)庫進行數(shù)據(jù)交互。
    • C/S
      • Client/Server結(jié)構(gòu)(C/S結(jié)構(gòu))是大家熟知的客戶機和服務(wù)器結(jié)構(gòu)损俭。它是軟件系統(tǒng)體系結(jié)構(gòu)，通過它可以充分利用兩端硬件環(huán)境的優(yōu)勢琐脏，將任務(wù)合理分配到Client端和Server端來實現(xiàn)，降低了系統(tǒng)的通訊開銷昂拂。目前大多數(shù)應(yīng)用軟件系統(tǒng)都是Client/Server形式的兩層結(jié)構(gòu)，由于現(xiàn)在的軟件應(yīng)用系統(tǒng)正在向分布式的Web應(yīng)用發(fā)展养交，Web和Client/Server 應(yīng)用都可以進行同樣的業(yè)務(wù)處理灰羽，應(yīng)用不同的模塊共享邏輯組件玫镐；因此杜跷，內(nèi)部的和外部的用戶都可以訪問新的和現(xiàn)有的應(yīng)用系統(tǒng)葛闷，通過現(xiàn)有應(yīng)用系統(tǒng)中的邏輯可以擴展出新的應(yīng)用系統(tǒng)。這也就是目前應(yīng)用系統(tǒng)的發(fā)展方向。

  • SOA 面向服務(wù)架構(gòu)

    • 面向服務(wù)的架構(gòu)（SOA）是一個組件模型延蟹，它將應(yīng)用程序的不同功能單元（稱為服務(wù)）通過這些服務(wù)之間定義良好的接口和契約聯(lián)系起來。接口是采用中立的方式進行定義的俯萌，它應(yīng)該獨立于實現(xiàn)服務(wù)的硬件平臺、操作系統(tǒng)和編程語言。這使得構(gòu)建在各種各樣的系統(tǒng)中的服務(wù)可以以一種統(tǒng)一和通用的方式進行交互爪飘。

  • J2EE 架構(gòu)

    • J2EE（Java 2 Platform, Enterprise Edition）是一個為大企業(yè)主機級的計算類型而設(shè)計的Java平臺。Sun微系統(tǒng)（與其工業(yè)伙伴一起犁罩，例如IBM）設(shè)計了J2EE含滴，以此來簡化在受客戶級環(huán)境下的應(yīng)用開發(fā)。由于創(chuàng)造了標準的可重用模塊組件以及由于構(gòu)建出能自動處理編程中多方面問題的等級結(jié)構(gòu)，J2EE簡化了應(yīng)用程序的開發(fā)泼诱，也降低了對編程和對受訓(xùn)的程序員的要求。
    • J2EE是一套全然不同于傳統(tǒng)應(yīng)用開發(fā)的技術(shù)架構(gòu)，包含許多組件堤框，主要可簡化且規(guī)范應(yīng)用系統(tǒng)的開發(fā)與部署，進而提高可移植性沟使、安全與再用價值。
      J2EE核心是一組技術(shù)規(guī)范與指南，其中所包含的各類組件客们、服務(wù)架構(gòu)及技術(shù)層次嗽桩，均有共同的標準及規(guī)格湿痢，讓各種依循J2EE架構(gòu)的不同平臺之間拒逮，存在良好的兼容性，解決過去企業(yè)后端使用的信息產(chǎn)品彼此之間無法兼容，企業(yè)內(nèi)部或外部難以互通的窘境恩袱。
      J2EE組件和“標準的” Java類的不同點在于：它被裝配在一個J2EE應(yīng)用中，具有固定的格式并遵守J2EE規(guī)范，由J2EE服務(wù)器對其進行管理谅辣。J2EE規(guī)范是這樣定義J2EE組件的：客戶端應(yīng)用程序和applet是運行在客戶端的組件；Java Servlet和Java Server Pages (JSP) 是運行在服務(wù)器端的Web組件；Enterprise Java Bean (EJB )組件是運行在服務(wù)器端的業(yè)務(wù)組件。

  • 路由概念 (網(wǎng)絡(luò)層)

  • 微服務(wù)

    • 在介紹微服務(wù)時公壤，首先得先理解什么是微服務(wù)沾鳄，顧名思義，微服務(wù)得從兩個方面去理解，什么是"微"篙骡、什么是"服務(wù)"老虫， 微 狹義來講就是體積小忽刽、著名的"2 pizza 團隊"很好的詮釋了這一解釋（2 pizza 團隊最早是亞馬遜 CEO Bezos提出來的，意思是說單個服務(wù)的設(shè)計伞剑，所有參與人從設(shè)計缤谎、開發(fā)托呕、測試馅扣、運維所有人加起來 只需要2個披薩就夠了 ）。 而所謂服務(wù)厌殉，一定要區(qū)別于系統(tǒng)耀销，服務(wù)一個或者一組相對較小且獨立的功能單元，是用戶可以感知最小功能集。
    • 微服務(wù)可以在“自己的程序”中運行催植，并通過“輕量級設(shè)備與HTTP型API進行溝通”。關(guān)鍵在于該服務(wù)可以在自己的程序中運行。通過這一點我們就可以將服務(wù)公開與微服務(wù)架構(gòu)（在現(xiàn)有系統(tǒng)中分布一個API）區(qū)分開來。在服務(wù)公開中，許多服務(wù)都可以被內(nèi)部獨立進程所限制萌壳。如果其中任何一個服務(wù)需要增加某種功能，那么就必須縮小進程范圍绊起。在微服務(wù)架構(gòu)中栅表，只需要在特定的某種服務(wù)中增加所需功能萧落，而不影響整體進程敛滋。
    • 為什么需要微服務(wù)
      在傳統(tǒng)的IT行業(yè)軟件大多都是各種獨立系統(tǒng)的堆砌蜜唾，這些系統(tǒng)的問題總結(jié)來說就是擴展性差，可靠性不高，維護成本高朱转。到后面引入了SOA服務(wù)化夺刑，但是存淫，由于 SOA 早期均使用了總線模式，這種總線模式是與某種技術(shù)棧強綁定的岩饼，比如：J2EE荚虚。這導(dǎo)致很多企業(yè)的遺留系統(tǒng)很難對接，切換時間太長籍茧，成本太高版述，新系統(tǒng)穩(wěn)定性的收斂也需要一些時間寞冯。最終 SOA 看起來很美院水，但卻成為了企業(yè)級奢侈品，中小公司都望而生畏简十。

  • Spring (面向接口開源框架)

    • Spring是一個開放源代碼的設(shè)計層面框架，他解決的是業(yè)務(wù)邏輯層和其他各層的松耦合問題撬腾，因此它將面向接口的編程思想貫穿整個系統(tǒng)應(yīng)用螟蝙。Spring是于2003 年興起的一個輕量級的Java 開發(fā)框架，由Rod Johnson創(chuàng)建民傻。簡單來說胰默，Spring是一個分層的JavaSE/EE full-stack(一站式) 輕量級開源框架。

  • RESTful (軟件架構(gòu)風(fēng)格)

    • 一種軟件架構(gòu)風(fēng)格漓踢、設(shè)計風(fēng)格牵署，而不是標準，只是提供了一組設(shè)計原則和約束條件喧半。它主要用于客戶端和服務(wù)器交互類的軟件奴迅。基于這個風(fēng)格設(shè)計的軟件可以更簡潔挺据，更有層次取具，更易于實現(xiàn)緩存等機制。

  • 授權(quán)（如HTTP Basic扁耐、JWT等等）

    • JWT
      • Json web token (JWT), 是為了在網(wǎng)絡(luò)應(yīng)用環(huán)境間傳遞聲明而執(zhí)行的一種基于JSON的開放標準（(RFC 7519).該token被設(shè)計為緊湊且安全的暇检，特別適用于分布式站點的單點登錄（SSO）場景。JWT的聲明一般被用來在身份提供者和服務(wù)提供者間傳遞被認證的用戶身份信息婉称，以便于從資源服務(wù)器獲取資源块仆，也可以增加一些額外的其它業(yè)務(wù)邏輯所必須的聲明信息构蹬，該token也可直接被用于認證，也可被加密悔据。
    • HTTP Basic
      • Basic Auth是開放平臺的兩種認證方式庄敛，簡單點說明就是每次請求API時都提供用戶的username和password。
    • OAuth
      • OAuth為用戶資源的授權(quán)提供了一個安全蜜暑、開放的標準铐姚，將會是以后開發(fā)平臺普遍遵守的，目前Twitter肛捍、Sina微博隐绵、豆瓣、Google等都提供對它的支持拙毫。

  • wget & curl Linux常用命令

    • curl
      • curl是利用URL語法在命令行方式下工作的開源文件傳輸工具依许。它被廣泛應(yīng)用在Unix、多種Linux發(fā)行版中缀蹄，并且有DOS和Win32峭跳、Win64下的移植版本。
    • wget
      • wget 是一個從網(wǎng)絡(luò)上自動下載文件的自由工具缺前，支持通過 HTTP蛀醉、HTTPS、FTP 三個最常見的 TCP/IP協(xié)議 下載衅码，并可以使用 HTTP 代理拯刁。"wget" 這個名稱來源于 “World Wide Web” 與 “get” 的結(jié)合。

  • php-fpm ∈ FastCGI (通用網(wǎng)關(guān)接口) (php處理進程的)

    • php-fpm

      • PHP-FPM(FastCGI Process Manager：FastCGI進程管理器)是一個PHPFastCGI管理器逝段，對于PHP 5.3.3之前的php來說垛玻，是一個補丁包 [1] ，旨在將FastCGI進程管理整合進PHP包中奶躯。如果你使用的是PHP5.3.3之前的PHP的話帚桩，就必須將它patch到你的PHP源代碼中，在編譯安裝PHP后才可以使用嘹黔。
        相對Spawn-FCGI账嚎，PHP-FPM在CPU和內(nèi)存方面的控制都更勝一籌，而且前者很容易崩潰儡蔓，必須用crontab進行監(jiān)控醉锄，而PHP-FPM則沒有這種煩惱。

    • FastCGI

      • CGI全稱是“通用網(wǎng)關(guān)接口”(Common Gateway Interface)浙值，HTTP服務(wù)器與你的或其它機器上的程序進行“交談”的一種工具恳不，其程序一般運行在網(wǎng)絡(luò)服務(wù)器上。 CGI可以用任何一種語言編寫开呐，只要這種語言具有標準輸入烟勋、輸出和環(huán)境變量规求。如php,perl,tcl等。
      • FastCGI像是一個常駐(long-live)型的CGI卵惦，它可以一直執(zhí)行著阻肿，只要激活后，不會每次都要花費時間去fork一次(這是CGI最為人詬病的fork-and-execute 模式)沮尿。它還支持分布式的運算, 即 FastCGI 程序可以在網(wǎng)站服務(wù)器以外的主機上執(zhí)行并且接受來自其它網(wǎng)站服務(wù)器來的請求丛塌。
        FastCGI是語言無關(guān)的、可伸縮架構(gòu)的CGI開放擴展畜疾，其主要行為是將CGI解釋器進程保持在內(nèi)存中并因此獲得較高的性能赴邻。眾所周知，CGI解釋器的反復(fù)加載是CGI性能低下的主要原因啡捶，如果CGI解釋器保持在內(nèi)存中并接受FastCGI進程管理器調(diào)度姥敛，則可以提供良好的性能、伸縮性瞎暑、Fail- Over特性等等彤敛。

  • Ruby 面向?qū)ο笳Z言

    • Ruby，一種簡單快捷的面向?qū)ο螅嫦驅(qū)ο蟪绦蛟O(shè)計）腳本語言了赌，在20世紀90年代由日本人松本行弘(Yukihiro Matsumoto)開發(fā)墨榄，遵守GPL協(xié)議和Ruby License。它的靈感與特性來自于 Perl勿她、Smalltalk袄秩、Eiffel、Ada以及 Lisp 語言嫂拴。由 Ruby 語言本身還發(fā)展出了JRuby（Java平臺）、IronRuby（.NET平臺）等其他平臺的 Ruby 語言替代品贮喧。Ruby的作者于1993年2月24日開始編寫Ruby筒狠，直至1995年12月才正式公開發(fā)布于fj（新聞組）。因為Perl發(fā)音與6月誕生石pearl（珍珠）相同箱沦，因此Ruby以7月誕生石ruby（紅寶石）命名辩恼。

  • perl 一門腳本語言

    • Perl，一種功能豐富的計算機程序語言谓形，運行在超過100種計算機平臺上灶伊，適用廣泛，從大型機到便攜設(shè)備寒跳，從快速原型創(chuàng)建到大規(guī)钠溉可擴展開發(fā)。 [1]
      Perl最初的設(shè)計者為拉里·沃爾（Larry Wall）童太，于1987年12月18日發(fā)表∶追現(xiàn)在的版本為Perl 6胸完，于2015年12月25日更新。
      Perl借取了C翘贮、sed赊窥、awk、shell 腳本語言以及很多其他程序語言的特性狸页，其中最重要的特性是它內(nèi)部集成了正則表達式的功能锨能，以及巨大的第三方代碼庫CPAN。簡而言之芍耘，Perl像C一樣強大址遇，像awk、sed等腳本描述語言一樣方便齿穗，被Perl語言愛好者稱之為“一種擁有各種語言功能的夢幻腳本語言”傲隶、“Unix 中的王牌工具”。
      Perl 一般被稱為“實用報表提取語言”（Practical Extraction and Report Language）窃页，你也可能看到“perl”跺株，所有的字母都是小寫的。一般脖卖，“Perl”蜀涨，有大寫的 P，是指語言本身距淫，而“perl”申窘，小寫的 p，是指程序運行的解釋器十籍。

  • Java SE /EE /ME (java語言分類)

    • Java SE=Java Standard Edition
      Java EE=Java Enterprise Edition
      Java ME=Java Mobile Edition

    SE主要用于桌面程序,控制臺開發(fā)(JFC)
    EE企業(yè)級開發(fā)(JSP,EJB)
    ME嵌入式開發(fā)(手機,小家電)

  • less & sass CSS擴展語言

    • less
      • Less 是一門 CSS 預(yù)處理語言蛆封，它擴充了 CSS 語言，增加了諸如變量勾栗、混合（mixin）惨篱、函數(shù)等功能，讓 CSS 更易維護围俘、方便制作主題砸讳、擴充。Less 可以運行在 Node 或瀏覽器端界牡。
    • sass

      • Sass 擴展了 CSS3簿寂，增加了規(guī)則、變量宿亡、混入常遂、選擇器、繼承等等特性挽荠。Sass 生成良好格式化的 CSS 代碼烈钞，易于組織和維護泊碑。
        SASS是對CSS3（層疊樣式表）的語法的一種擴充，它可以使用巢狀毯欣、混入馒过、選擇子繼承等功能，可以更有效有彈性的寫出Stylesheet酗钞。Sass最后還是會編譯出合法的CSS讓瀏覽可以使用腹忽，也就是說它本身的語法并不太容易讓瀏覽器識別（雖然它和CSS的語法非常的像，幾乎一樣）砚作，因為它不是標準的CSS格式窘奏，在它的語法內(nèi)部可以使用動態(tài)變量等，所以它更像一種極簡單的動態(tài)語言葫录。

      • SASS是Ruby語言寫的着裹，但是兩者的語法沒有關(guān)系。不懂Ruby米同，照樣使用骇扇。只是必須先安裝Ruby，然后再安裝SASS面粮。
        假定你已經(jīng)安裝好了Ruby少孝，接著在命令行輸入下面的命令：
        gem install sass
        然后，就可以使用了熬苍。

  • JSP (java服務(wù)器頁面)

    • JSP全名為Java Server Pages稍走，中文名叫java服務(wù)器頁面，其根本是一個簡化的Servlet設(shè)計柴底，它 [1] 是由Sun Microsystems公司倡導(dǎo)婿脸、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標準。JSP技術(shù)有點類似ASP技術(shù)柄驻，它是在傳統(tǒng)的網(wǎng)頁HTML（標準通用標記語言的子集）文件(.htm,.html)中插入Java程序段(Scriptlet)和JSP標記(tag)狐树，從而形成JSP文件，后綴名為(*.jsp)凿歼。 用JSP開發(fā)的Web應(yīng)用是跨平臺的褪迟，既能在Linux下運行冗恨，也能在其他操作系統(tǒng)上運行答憔。
      它實現(xiàn)了Html語法中的java擴展（以 <%, %>形式）。JSP與Servlet一樣掀抹，是在服務(wù)器端執(zhí)行的虐拓。通常返回給客戶端的就是一個HTML文本，因此客戶端只要有瀏覽器就能瀏覽傲武。
      JSP技術(shù)使用Java編程語言編寫類XML的tags和scriptlets蓉驹，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯城榛。網(wǎng)頁還能通過tags和scriptlets訪問存在于服務(wù)端的資源的應(yīng)用邏輯。JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計的顯示分離态兴，支持可重用的基于組件的設(shè)計狠持，使基于Web的應(yīng)用程序的開發(fā)變得迅速和容易。 JSP(JavaServer Pages)是一種動態(tài)頁面技術(shù)瞻润，它的主要目的是將表示邏輯從Servlet中分離出來喘垂。
      Java Servlet是JSP的技術(shù)基礎(chǔ)，而且大型的Web應(yīng)用程序的開發(fā)需要Java Servlet和JSP配合才能完成绍撞。JSP具備了Java技術(shù)的簡單易用正勒，完全的面向?qū)ο螅哂衅脚_無關(guān)性且安全可靠傻铣，主要面向因特網(wǎng)的所有特點章贞。

  • ES6 / CoffeScript / TypeScript 轉(zhuǎn)譯語言

    • ES6
      • ES6是ECMAScript標準十余年來變動最大的一個版本，其中添加了許多新的語法特性非洲，既有大家耳熟能詳?shù)腜romise鸭限，也有聞所未聞的Proxy代理和Reflection反射；既有可以通過轉(zhuǎn)譯器（Transpiler）等方式在舊版本瀏覽器中實現(xiàn)兼容的let怪蔑、const里覆、不定參數(shù)、展開運算符等功能缆瓣，亦有無論如何都無法實現(xiàn)向前兼容的尾調(diào)用優(yōu)化喧枷。深入理解ES6的特性對于所有JavaScript開發(fā)者而言至關(guān)重要，在可預(yù)見的未來弓坞，ES6中引入的語言特性會成為JavaScript應(yīng)用程序的主流特性
    • coffeScript
      • CoffeeScript是一套JavaScript的轉(zhuǎn)譯語言隧甚，創(chuàng)建者 Jeremy Ashkenas 戲稱它是- JavaScript 的不那么鋪張的小兄弟。因為 CoffeeScript 會將類似 Ruby 語法的代碼編譯成 JavaScript渡冻，而且大部分結(jié)構(gòu)都相似戚扳，但不同的是 CoffeeScript 擁有更嚴格的語法。
    • TypeScript
      • 是一種由微軟開發(fā)的自由和開源的編程語言族吻。它是JavaScript的一個超集帽借，而且本質(zhì)上向這個語言添加了可選的靜態(tài)類型和基于類的面向?qū)ο缶幊獭０驳滤埂ず査共癯瑁珻#的首席架構(gòu)師砍艾，已工作于TypeScript的開發(fā)。2012年十月份巍举，微軟發(fā)布了首個公開版本的TypeScript脆荷，2013年6月19日，在經(jīng)歷了一個預(yù)覽版之后微軟正式發(fā)布了正式版TypeScript 0.9，向未來的TypeScript 1.0版邁進了很大一步蜓谋。

  • YAML語言

    • YAML是“YAML不是一種記語言”的外語縮寫 [1] （見前方參考資料原文內(nèi)容）梦皮；但為了強調(diào)這種語言以數(shù)據(jù)做為中心，而不是以置標語言為重點桃焕，而用返璞詞重新命名剑肯。它是一種直觀的能夠被電腦識別的數(shù)據(jù)序列化格式，是一個可讀性高并且容易被人類閱讀观堂，容易和腳本語言交互退子，用來表達資料序列的編程語言。
      它是類似于標準通用標記語言的子集XML的數(shù)據(jù)描述語言型将，語法比XML簡單很多寂祥。
    • 使用場景

      • 腳本語言
        由于實現(xiàn)簡單，解析成本很低七兜，YAML特別適合在腳本語言中使用丸凭。列一下現(xiàn)有的語言實現(xiàn)：Ruby，Java腕铸，Perl惜犀，Python，PHP狠裹，OCaml虽界，JavaScript，Go 除了Java 和 Go涛菠，其他都是腳本語言莉御。

      • 配置文件
        YAML做配置文件也不錯。寫YAML要比寫XML快得多(無需關(guān)注標簽或引號)俗冻，并且比ini文檔功能更強礁叔。
        比如Ruby on Rails的配置就選用的YAML。對ROR而言迄薄，這很自然琅关，也很省事.
        由于兼容性問題，不同語言間的數(shù)據(jù)流轉(zhuǎn)建議不要用YAML.

      • 序列化
        YAML比較適合做序列化讥蔽。因為它是宿主語言數(shù)據(jù)類型直轉(zhuǎn)的涣易。

  • DOM (網(wǎng)頁文檔對象)

    • 文檔對象模型（Document Object Model，簡稱DOM）冶伞，是W3C組織推薦的處理可擴展標志語言的標準編程接口新症。在網(wǎng)頁上，組織頁面（或文檔）的對象被組織在一個樹形結(jié)構(gòu)中碰缔，用來表示文檔中對象的標準模型就稱為DOM账劲。Document Object Model的歷史可以追溯至1990年代后期微軟與Netscape的“瀏覽器大戰(zhàn)”戳护，雙方為了在JavaScript與JScript一決生死金抡，于是大規(guī)模的賦予瀏覽器強大的功能瀑焦。微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物，既有VBScript梗肝、ActiveX榛瓮、以及微軟自家的DHTML格式等，使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示巫击。DOM即是當(dāng)時蘊釀出來的杰作禀晓。

  • ajax 前端處理方式

    • Ajax 即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)坝锰。
      Ajax = 異步 JavaScript 和 XML（標準通用標記語言的子集）粹懒。
      Ajax 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。
      Ajax 是一種在無需重新加載整個網(wǎng)頁的情況下顷级，能夠更新部分網(wǎng)頁的技術(shù)

    XMLHttpRequest 是 AJAX 的基礎(chǔ)凫乖。
    XmlHttpRequest 術(shù)語縮寫為XHR，中文可以解釋為可擴展超文本傳輸請求弓颈。

    XMLHttpRequest 對象可以在不向服務(wù)器提交整個頁面的情況下帽芽，實現(xiàn)局部更新網(wǎng)頁。

    • 簡單來說就是網(wǎng)絡(luò)請求,然后響應(yīng)以后使用JavaScript操作DOM

  • 數(shù)據(jù)格式（如JSON翔冀、XML）

    • JSON (輕量級的數(shù)據(jù)交換格式)
      • JSON(JavaScript Object Notation, JS 對象標記) 是一種輕量級的數(shù)據(jù)交換格式导街。它基于 ECMAScript (w3c制定的js規(guī)范)的一個子集，采用完全獨立于編程語言的文本格式來存儲和表示數(shù)據(jù)纤子。簡潔和清晰的層次結(jié)構(gòu)使得 JSON 成為理想的數(shù)據(jù)交換語言搬瑰。 易于人閱讀和編寫，同時也易于機器解析和生成控硼，并有效地提升網(wǎng)絡(luò)傳輸效率跌捆。
    • XML (工作幾乎不用)
      • 可擴展標記語言，標準通用標記語言的子集象颖，是一種用于標記電子文件使其具有結(jié)構(gòu)性的標記語言佩厚。
        在電子計算機中，標記指計算機所能理解的信息符號说订，通過此種標記抄瓦，計算機之間可以處理包含各種的信息比如文章等。它可以用來標記數(shù)據(jù)陶冷、定義數(shù)據(jù)類型钙姊，是一種允許用戶對自己的標記語言進行定義的源語言。 它非常適合萬維網(wǎng)傳輸埂伦，提供統(tǒng)一的方法來描述和交換獨立于應(yīng)用程序或供應(yīng)商的結(jié)構(gòu)化數(shù)據(jù)煞额。是Internet環(huán)境中跨平臺的、依賴于內(nèi)容的技術(shù)，也是當(dāng)今處理分布式結(jié)構(gòu)信息的有效工具膊毁。早在1998年胀莹，W3C就發(fā)布了XML1.0規(guī)范，使用它來簡化Internet的文檔信息傳輸婚温。

  • 構(gòu)建系統(tǒng)（gulp描焰、grunt、webpack等等）

    • gulp & grunt (前端構(gòu)建工具) & npm (NodeJS包管理和分發(fā)工具)
      • npm
        • NPM的全稱是Node Package Manager 栅螟，是一個NodeJS包管理和分發(fā)工具荆秦，已經(jīng)成為了非官方的發(fā)布Node模塊（包）的標準。
          如果你熟悉ruby的gem力图，Python的pypi步绸、setuptools，PHP的pear吃媒，那么你就知道NPM的作用是什么了靡努。
          Nodejs自身提供了基本的模塊，但是開發(fā)實際應(yīng)用過程中僅僅依靠這些基本模塊則還需要較多的工作晓折。幸運的是惑朦，Nodejs庫和框架為我們提供了幫助，讓我們減少工作量漓概。但是成百上千的庫或者框架管理起來又很麻煩漾月，有了NPM，可以很快的找到特定服務(wù)要使用的包胃珍，進行下載梁肿、安裝以及管理已經(jīng)安裝的包。
      • gulp
        • Gulp基于Node.js的前端構(gòu)建工具觅彰，通過Gulp的插件可以實現(xiàn)前端代碼的編譯（sass吩蔑、less）、壓縮填抬、測試烛芬；圖片的壓縮；瀏覽器自動刷新飒责，還有許多強大的插件可以在這里查找赘娄。比起Grunt不僅配置簡單而且更容易閱讀和維護
      • grunt
        • Grunt基于Node.js，安裝之前要先安裝Node.js宏蛉。
        • 例如壓縮遣臼、編譯、單元測試拾并、代碼檢查等揍堰，自動化工具可以減輕你的勞動鹏浅，簡化你的工作。

  • 代碼質(zhì)量（如JSLint / ESLint / TSLint / CSLint）

    • JSLint & CSSLint & TSLint (靜態(tài)代碼分析) &CodeClimate(代碼質(zhì)量分析) (工程化)
      • JSLint
        • JSLint定義了一組編碼約定屏歹，這比ECMA定義的語言更為嚴格隐砸。這些編碼約定汲取了多年來的豐富編碼經(jīng)驗，并以一條年代久遠的編程原則 作為宗旨：能做并不意味著應(yīng)該做西采。JSLint會對它認為有的編碼實踐加標志，另外還會指出哪些是明顯的錯誤继控，從而促使你養(yǎng)成好的 JavaScript編碼習(xí)慣械馆。
      • CSSLint
      • TSLint

  • 安全性（如跨域）

    • 跨域一詞從字面意思看，就是跨域名嘛武通，但實際上跨域的范圍絕對不止那么狹隘霹崎。具體概念如下：只要協(xié)議、域名冶忱、端口有任何一個不同尾菇，都被當(dāng)作是不同的域。之所以會產(chǎn)生跨域這個問題呢囚枪，其實也很容易想明白派诬，要是隨便引用外部文件，不同標簽下的頁面引用類似的彼此的文件链沼，瀏覽器很容易懵逼的默赂，安全也得不到保障了就。什么事括勺，都是安全第一嘛缆八。但在安全限制的同時也給注入iframe或是ajax應(yīng)用上帶來了不少麻煩。所以我們要通過一些方法使本域的js能夠操作其他域的頁面對象或者使其他域的js能操作本域的頁面對象（iframe之間）疾捍。

  • 網(wǎng)頁設(shè)計

    • 切頁面
    • Flexbox布局
    • 網(wǎng)格布局（Grid Layout）
    • 響應(yīng)式設(shè)計
    • 線框圖（Wireframe）
    • 矢量圖形 / 矢量圖形動畫（如SVG）
      • 可縮放矢量圖形是基于可擴展標記語言（標準通用標記語言的子集）奈辰，用于描述二維矢量圖形的一種圖形格式。它由萬維網(wǎng)聯(lián)盟制定乱豆，是一個開放標準奖恰。

  • 常用前端三駕馬車 react、vuejs宛裕、angularjs jQuery工具庫

    • Node.js Javascript運行環(huán)境(runtime)

      • Node.js是一個Javascript運行環(huán)境(runtime)房官，發(fā)布于2009年5月，由Ryan Dahl開發(fā)续滋，實質(zhì)是對Chrome V8引擎進行了封裝翰守。Node.js對一些特殊用例進行優(yōu)化，提供替代的API疲酌，使得V8在非瀏覽器環(huán)境下運行得更好蜡峰。
        V8引擎執(zhí)行Javascript的速度非沉嗽快，性能非常好湿颅。 [1] Node.js是一個基于Chrome JavaScript運行時建立的平臺载绿， 用于方便地搭建響應(yīng)速度快、易于擴展的網(wǎng)絡(luò)應(yīng)用油航。Node.js 使用事件驅(qū)動崭庸， 非阻塞I/O 模型而得以輕量和高效，非常適合在分布式設(shè)備上運行數(shù)據(jù)密集型的實時應(yīng)用谊囚。

    • jQuery JS框架

      • jQuery是一個快速怕享、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（或JavaScript框架）镰踏。jQuery設(shè)計的宗旨是“write Less函筋，Do More”，即倡導(dǎo)寫更少的代碼奠伪，做更多的事情跌帐。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計模式绊率，優(yōu)化HTML文檔操作谨敛、事件處理、動畫設(shè)計和Ajax交互滤否。

    • React (Facebook內(nèi)部項目)

      • React 起源于 Facebook 的內(nèi)部項目佣盒，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意顽聂，就決定自己寫一套肥惭，用來架設(shè)Instagram 的網(wǎng)站。做出來以后紊搪，發(fā)現(xiàn)這套東西很好用蜜葱，就在2013年5月開源了。
      • React主要用于構(gòu)建UI耀石。你可以在React里傳遞多種類型的參數(shù)牵囤，如聲明代碼，幫助你渲染出UI滞伟、也可以是靜態(tài)的HTML DOM元素揭鳞、也可以傳遞動態(tài)變量、甚至是可交互的應(yīng)用組件梆奈。

    • AngularJS

      • AngularJS [1] 誕生于2009年野崇，由Misko Hevery 等人創(chuàng)建，后為Google所收購亩钟。是一款優(yōu)秀的前端JS框架乓梨，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中鳖轰。AngularJS有著諸多特性，最為核心的是：MVW（Model-View-Whatever）扶镀、模塊化蕴侣、自動化雙向數(shù)據(jù)綁定、語義化標簽臭觉、依賴注入等等昆雀。
        AngularJS 是一個 JavaScript框架。它是一個以 JavaScript 編寫的庫蝠筑。它可通過 <script> 標簽添加到HTML 頁面狞膘。
        AngularJS 通過 指令 擴展了 HTML，且通過 表達式 綁定數(shù)據(jù)到 HTML菱肖。
        AngularJS 是以一個 JavaScript 文件形式發(fā)布的客冈，可通過 script 標簽添加到網(wǎng)頁中旭从。

  • bootstrap 前端框架

    • Bootstrap稳强，來自 Twitter，是目前很受歡迎的前端框架和悦。Bootstrap 是基于 HTML退疫、CSS、JavaScript 的鸽素，它簡潔靈活褒繁，使得 Web 開發(fā)更加快捷。 [1] 它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā)馍忽，是一個CSS/HTML框架棒坏。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成遭笋。Bootstrap一經(jīng)推出后頗受歡迎坝冕，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目瓦呼。 [2] 國內(nèi)一些移動開發(fā)者較為熟悉的框架喂窟，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優(yōu)化而來央串。

    • 在2017年8月下旬磨澡，Bootstrap四周歲之際，Bootstrap團隊發(fā)布了Bootstrap 4 alpha版质和，4的最主要變化包括以下方面：
      從 Less 遷移到 Sass

        改進網(wǎng)格系統(tǒng)
      
        缺省彈性框支持
      
        Dropped wells, thumbnails, and panels for cards
      
        合并所有 HTML resets 到一個新的模塊中：Reboot
      
        全新自定義選項
      
        不再支持 IE8
      
        重寫所有的 JavaScript 插件
      
        改進工具提示和 popovers 的自動定位
      
        改進文檔
      
        其他大量改進
      

  • WeX5 多端部署工具

    • WeX5遵循Apache開源協(xié)議稳摄，完全開源免費，上百個組件框架饲宿，全部開放秩命，可視化的組件框架尉共，開發(fā)者可自定義組件，集成第三方組件弃锐，采用MVC設(shè)計模式袄友，數(shù)據(jù)和視圖分離，頁面描述和代碼邏輯分離霹菊，支持瀏覽器調(diào)試剧蚣、真機調(diào)試、原生調(diào)試旋廷，等多種調(diào)試模式鸠按，開發(fā)者可掌握每一行代碼。
      WeX5一直堅持采用H5+CSS3+JS標準技術(shù)饶碘，一次開發(fā)目尖，多端任意部署，確保開發(fā)者成果始終通用扎运、不受限制瑟曲。WeX5的混合應(yīng)用開發(fā)模式能輕松調(diào)用手機設(shè)備，如相機豪治、地圖洞拨、通訊錄等，讓開發(fā)者輕松應(yīng)對各類復(fù)雜數(shù)據(jù)應(yīng)用负拟，代碼量減少80%烦衣。同時開發(fā)出的應(yīng)用能夠媲美原生的運行體驗。

  • express & koa (nodeJS框架)

  • swig (nodejs前端模板引擎)

  • 技能

    • CSS / CSS3 動畫

    • 能封裝業(yè)務(wù)組件和公用組件.

    • JavaScript 動畫

    • Web字體嵌入

    • Icon 字體

    • 圖形和圖表

    • CSS / SVG Sprite（如glue）

    • DOM操作（如jQuery掩浙、React等等）

    • 模板引擎（如JSX花吟、Handlebars、JSP厨姚、Mustache等等）

      • JSX

        • JSX是陣營的核心組成部分衅澈，它使用XML標記的方式去直接聲明界面，界面組件之間可以互相嵌套遣蚀》椋可以理解為在JS中編寫與XML類似的語言，一種定義帶屬性樹結(jié)構(gòu)（DOM結(jié)構(gòu)）的語法芭梯，它的目的不是要在瀏覽器或者引擎中實現(xiàn)险耀，它的目的是通過各種編譯器將這些標記編譯成標準的JS語言。

      • JSP

        • JSP技術(shù)使用Java編程語言編寫類XML的tags和scriptlets玖喘，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯甩牺。網(wǎng)頁還能通過tags和scriptlets訪問存在于服務(wù)端的資源的應(yīng)用邏輯。JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計的顯示分離累奈，支持可重用的基于組件的設(shè)計，使基于Web的應(yīng)用程序的開發(fā)變得迅速和容易。 JSP(JavaServer Pages)是一種動態(tài)頁面技術(shù)杉武，它的主要目的是將表示邏輯從Servlet中分離出來矢赁。

      • Handlebars

        • Handlebars 是 JavaScript 一個語義模板庫榛斯，通過對view和data的分離來快速構(gòu)建Web模板。它采用"Logic-less template"（無邏輯模版）的思路，在加載時被預(yù)編譯，而不是到了客戶端執(zhí)行到代碼時再去編譯镐躲， 這樣可以保證模板加載和運行的速度。Handlebars兼容Mustache侍筛，你可以在Handlebars中導(dǎo)入Mustache模板萤皂。

    • 調(diào)試

      • 瀏覽器調(diào)試
      • Debug工具
      • Wireshark / Charles抓包
      • 遠程設(shè)備調(diào)試（如Chrome Inspect Devices）
      • 單元測試
      • 服務(wù)測試
      • UI測試
      • 集成測試

    • 版本管理（如git、svn）

    • PHP頁面跳轉(zhuǎn)匣椰、端口監(jiān)聽

    • 依賴管理

    • 包管理（如npm裆熙、bower）

    • 模塊化（如CommonJS、WebPack）

      • commonJS

        • CommonJS API定義很多普通應(yīng)用程序（主要指非瀏覽器的應(yīng)用）使用的API禽笑，從而填補了這個空白入录。它的終極目標是提供一個類似Python，Ruby和Java標 準庫蒲每。這樣的話纷跛，開發(fā)者可以使用CommonJS API編寫應(yīng)用程序喻括，然后這些應(yīng)用可以運行在不同的JavaScript解釋器和不同的主機環(huán)境中邀杏。在兼容CommonJS的系統(tǒng)中，你可以使用 JavaScript程序開發(fā)

      • WebPack

        • WebPack可以看做是模塊打包機：它做的事情是唬血，分析你的項目結(jié)構(gòu)望蜡，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等）拷恨，并將其轉(zhuǎn)換和打包為合適的格式供瀏覽器使用脖律。
        • 其實Webpack和另外兩個并沒有太多的可比性，Gulp/Grunt是一種能夠優(yōu)化前端的開發(fā)流程的工具腕侄，而WebPack是一種模塊化的解決方案小泉，不過Webpack的優(yōu)點使得Webpack在很多場景下可以替代Gulp/Grunt類的工具。
          Grunt和Gulp的工作方式是：在一個配置文件中冕杠，指明對某些文件進行類似編譯微姊，組合，壓縮等任務(wù)的具體步驟分预，工具之后可以自動替你完成這些任務(wù)兢交。

        Grunt和Gulp的工作流程
        Webpack的工作方式是：把你的項目當(dāng)做一個整體，通過一個給定的主文件（如：index.js）笼痹，Webpack將從這個文件開始找到你的項目的所有依賴文件配喳，使用loaders處理它們酪穿，最后打包為一個（或多個）瀏覽器可識別的JavaScript文件。

        • Webpack的工作方式是：把你的項目當(dāng)做一個整體晴裹，通過一個給定的主文件（如：index.js）被济，Webpack將從這個文件開始找到你的項目的所有依賴文件，使用loaders處理它們涧团，最后打包為一個（或多個）瀏覽器可識別的JavaScript文件溉潭。

    • 自動構(gòu)建（腳本）

    • 前端工程化開發(fā)測試 打包 發(fā)布

    • 前端性能優(yōu)化.

    • 在技術(shù)選型上,能給出你選擇的方案是最優(yōu)的數(shù)據(jù)說明

  • 兼容性

    • 跨瀏覽器測試 （Chrome，IE少欺，F(xiàn)irefox喳瓣，Safari等等）
    • 跨平臺測試（Windows、GNU/Linux赞别，Mac OS等等）
    • 跨設(shè)備測試（Desktop畏陕，Android，iOS仿滔，Windows Phone）
    • 跨版本測試（同一個瀏覽器的不同版本）

  • 正規(guī)表達式

    • 正規(guī)表達式由一個或多個字符型文字和/或元字符組成惠毁。在最簡單的格式下，正規(guī)表達式僅由字符文字組成崎页，如正規(guī)表達式 cat鞠绰。它被讀作字母 c，接著是字母 a 和 t飒焦，這種模式匹配 cat蜈膨、location 和 catalog 之類的字符串∥可以用它們驗證數(shù)據(jù)翁巍、識別重復(fù)關(guān)鍵字的出現(xiàn)、檢測不必要的空格休雌、分析字符串灶壶、驗證電話號碼、郵政編碼杈曲、電子郵件地址驰凛、社會安全號碼、IP 地址担扑、文件名和路徑名等的格式恰响，也可以查找如 HTML 標記、數(shù)字魁亦、日期之類的模式渔隶，或任意文本數(shù)據(jù)中符合任意模式的任何事物，并用其它的模式來替換它們。

  • 性能與優(yōu)化

    • 可用性
    • 性能測試（特別是移動Web
    • 加載優(yōu)化（如gzip壓縮间唉、緩存等等
    • PageSpeed / Yslow 優(yōu)化
      • Page Speed最 初是Google內(nèi)部使用的改進網(wǎng)頁設(shè)計的工具——它整合在Firefox的著名插件Firebug中绞灼。當(dāng)用戶運行Page Speed，可以立即獲得如何改進網(wǎng)頁載入速度的建議呈野。
    • 壓縮（如Minify低矮、Uglify、CleanCSS等等）
      • CleanCSS是一個免費的CSS精簡壓縮工具被冒，通過這個在線工具军掂，可以將你的CSS文件壓縮、優(yōu)化成更精簡昨悼，這將大大提高你的網(wǎng)站的載入速度蝗锥。

  • SEO

    • SEO
      • SEO（Search Engine Optimization）:漢譯為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目前網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名的方式率触。SEO的目的理解是：為網(wǎng)站提供生態(tài)式的自我營銷解決方案终议，讓網(wǎng)站在行業(yè)內(nèi)占據(jù)領(lǐng)先地位，從而獲得品牌收益葱蝗；SEO包含站外SEO和站內(nèi)SEO兩方面穴张；SEO是指為了從搜索引擎中獲得更多的免費流量，從網(wǎng)站結(jié)構(gòu)两曼、內(nèi)容建設(shè)方案皂甘、用戶互動傳播、頁面等角度進行合理規(guī)劃悼凑，使網(wǎng)站更適合搜索引擎的索引原則的行為偿枕；使網(wǎng)站更適合搜索引擎的索引原則又被稱為對搜索引擎優(yōu)化，對搜索引擎優(yōu)化不僅能夠提高SEO的效果佛析，還會使搜索引擎中顯示的網(wǎng)站相關(guān)信息對用戶來說更具有吸引力益老。
    • Sitemap（站點地圖）
      • Sitemap 可方便網(wǎng)站管理員通知搜索引擎他們網(wǎng)站上有哪些可供抓取的網(wǎng)頁彪蓬。最簡單的 Sitemap 形式寸莫，就是XML 文件，在其中列出網(wǎng)站中的網(wǎng)址以及關(guān)于每個網(wǎng)址的其他元數(shù)據(jù)（上次更新的時間档冬、更改的頻率以及相對于網(wǎng)站上其他網(wǎng)址的重要程度為何等）膘茎，以便搜索引擎可以更加智能地抓取網(wǎng)站。
    • 頁面靜態(tài)內(nèi)容生成
      • 靜態(tài)頁面酷誓，即靜態(tài)網(wǎng)頁披坏，是實際存在的，無需經(jīng)過服務(wù)器的編譯盐数，直接加載到客戶瀏覽器上顯示出來棒拂。靜態(tài)頁面需要占一定的服務(wù)器空間，且不能自主管理發(fā)布更新的頁面，如果想更新網(wǎng)頁內(nèi)容帚屉，要通過FTP軟件把文件DOWN下來用網(wǎng)頁制作軟件修改（通過fso等技術(shù)例外）谜诫。常見的靜態(tài)頁面舉例：.html擴展名的、.htm擴展名的攻旦。
    • MicroData / MicroFormat
      • MicroData
        • Microdata 以自定義的詞匯表（vocabulary）為中心喻旷，可以想象 HTML5 中所有的元素集合為一個詞匯表，這個詞匯表包含描述段落（section） 或文章（article）的元素牢屋，但是不包含描述事件（event） 或組織（organization）的元素且预。如果想在 Web 頁面中表示一個事件或組織，則需要定義自己的詞匯表烙无，Microdata 允許你這么做锋谐，任何人都可以定義自己的詞匯表，并且將其包含在自己的 Web 頁面中截酷。
      • MicroFormat
        • 微格式（Microformat）怀估，是通過語意相關(guān)讓內(nèi)容人機可讀。網(wǎng)頁上的允許的微格式數(shù)據(jù)包括事件合搅、人物多搀、地點等，它可以被其他的軟件檢測到灾部，并提取出相應(yīng)的信息康铭，以及對信息進行索引、搜索赌髓、跨平臺的參考从藤，把這些信息以其他形式重復(fù)使用或組合。
    • 內(nèi)部鏈接建設(shè)

  • 面向?qū)ο?& 面向過程

  • Laravel (PHP框架)

    • Laravel是一套簡潔锁蠕、優(yōu)雅的PHP Web開發(fā)框架(PHP Web Framework)夷野。它可以讓你從面條一樣雜亂的代碼中解脫出來；它可以幫你構(gòu)建一個完美的網(wǎng)絡(luò)APP荣倾，而且每行代碼都可以簡潔悯搔、富于表達力。
      在Laravel中已經(jīng)具有了一套高級的PHP ActiveRecord實現(xiàn) -- Eloquent ORM舌仍。它能方便的將“約束（constraints）”應(yīng)用到關(guān)系的雙方妒貌，這樣你就具有了對數(shù)據(jù)的完全控制，而且享受到ActiveRecord的所有便利铸豁。Eloquent原生支持Fluent中查詢構(gòu)造器（query-builder）的所有方法灌曙。

  • 個人博客 HEXO

  • Java后臺

    • Java基礎(chǔ)
      • 閱讀 Head First Java
      • 掌握DOS系統(tǒng)常用基本命令
    • 面向?qū)ο?
      • 匿名對象
      • 繼承
      • 多態(tài)
      • 抽象類
      • 接口
      • 內(nèi)部類
    • 異常
      • 異常概述
      • 異常分類
      • 異常處理方案
      • 自定義異常
    • 集合
      • Collection接口下的常用集合
      • Map接口下的常用集合
      • 泛型
      • Iterator接口
    • I/O
      • 文件
      • 字節(jié)流
      • 字節(jié)緩沖流
      • 轉(zhuǎn)換流
      • 序列化流
    • 多線程
      • 多線程運行原理
      • 多線程的實現(xiàn)方案
      • 線程生命周期
      • 線程同步
      • 線程池
    • 網(wǎng)絡(luò)編程
      • 網(wǎng)絡(luò)編程三要素
      • Socket原理機制
      • UDP傳輸
      • TCP傳輸
    • 反射
      • 類加載機制原理
      • 反射構(gòu)造方法、字段节芥、方法
      • Properties配置文件
    • XML
      • XML基本語法
      • XML的約束
      • XML的解析
      • BeanUtils的使用
    • 注解及動態(tài)代理
      • 注解的使用
      • 自定義注解
      • 動態(tài)代理Proxy
      • 類加載器
    • Mysql及JDBC開發(fā)
      • MySQL數(shù)據(jù)庫
      • JDBC開發(fā)
      • 連接池
      • DBUtils
      • JDBC事物管理
    • 前端技術(shù)
      • html
      • css
      • js
      • jQuery
      • BootStrap
    • javaWeb核心
      • Tomcat
      • Servlet
      • Request和Response
      • Cookie和Session
      • jsp , el , jstl
      • Filter
      • Listener
    • ajax應(yīng)用
      • ajax
      • jQuery ajax
      • EasyUI
    • linux和redis
      • Linux
      • Redis
    • javaWeb應(yīng)用
      • 通用BaseServlet抽取
      • 緩存技術(shù)
      • JavaMail
      • 在線支付
      • 文件上傳
      • Linux項目部署
      • 能夠完成B/S結(jié)構(gòu)網(wǎng)站開發(fā)在刺，具備了真實環(huán)境的項目部署能力，能夠完成中小型企業(yè)管理系統(tǒng)等傳統(tǒng)項目的開發(fā)。
    • 框架
      • Hibernate5
        • hibernate.cfg.xml配置
        • hbm.xml映射文件詳解
        • PO對象狀態(tài)及狀態(tài)的轉(zhuǎn)換分析
        • Hibernate高級映射技術(shù)
        • Hibernate數(shù)據(jù)檢索技術(shù)
        • Hibernate性能優(yōu)化技術(shù)
      • Struts2
        • struts.xml詳解及使用
        • 使用通配符定義action蚣驼、動態(tài)方法調(diào)用
        • ActionContext及ServletActionContext使用
        • 模型驅(qū)動ModelDriven忍燥、屬性驅(qū)動.
        • 默認攔截器分析、自定義攔截器
        • OGNL表達式隙姿、值棧ValueStack分析
      • Spring
        • applicationContext.xml配置文件編寫
        • IoC思想梅垄、DI依賴注入
        • 使用AspectJ切面編程
        • JdbcTemplate模板使用
        • 聲明式事務(wù)管理
        • SSH整合
      • CRM項目
        • 使用struts2+spring4+hibernate5 +svn來開發(fā)項目
        • 使用Jquery EasyUI進行布局
        • 使用svn進行代碼管理
      • oracle
        • 簡單查詢
        • oracle的常用函數(shù)
        • 多表查詢
        • 集合操作
        • DDL操作管理表
        • DML管理數(shù)據(jù)
        • 其它數(shù)據(jù)庫對象
        • PL/SQL編程
        • 存儲過程與存儲函數(shù)
        • 觸發(fā)器
      • maven
        • maven介紹
        • maven安裝
        • maven的入門程序
        • maven倉庫
        • 項目構(gòu)建
        • 依賴管理
        • maven綜合案例
        • maven的私服
      • mybatis框架
        • mybatis框架原理
        • mybatis入門案例
        • mybatis開發(fā)DAO方式
        • mybatis輸入輸出映射
        • 動態(tài)sql
        • spring整合mybatis
      • springmvc框架
        • springmvc框架原理
        • springmvc入門案例
        • springmvc整合mybatis
        • 參數(shù)綁定
        • json數(shù)據(jù)交互
        • 攔截器
      • Lucene、solr框架
        • 什么是全文檢索
        • Lucene實現(xiàn)全文檢索
        • Analyzer分析器
        • 索引維護
        • solr安裝配置
        • solr索引输玷、solr搜索队丝、SolrJ
    • 綜合項目技能
      • 掌握Apache poi實現(xiàn)數(shù)據(jù)導(dǎo)入導(dǎo)出；
      • 掌握圖形報表的生成技術(shù)欲鹏，如JfreeChart机久、HighChart、AmChart
      • 掌握Apache Shiro技術(shù)
      • 掌握BRAC認證模型赔嚎，有效進行用戶權(quán)限管理
      • SSH框架整合
      • 使用maven進行項目的分模塊開發(fā)
      • 頁面布局采用前端主流jQuery插件easyui
      • 采用Redis實現(xiàn)緩存機制
      • 采用Oracle數(shù)據(jù)庫
      • 引入WebService的CXF開發(fā)方式膘盖，并與Spring結(jié)合
      • 采用了BRAC認證模型，有效進行用戶權(quán)限管理尤误，同時加入當(dāng)前流行的Shiro安全框架侠畔，從而高效快捷保證系統(tǒng)安全可靠
      • 加入了Quartz與spring整合實現(xiàn)定時任務(wù)調(diào)度
      • 引入JavaMail郵件機制，并實現(xiàn)Spring與JavaMail整合開發(fā)
      • 使用PowerDesigner建立企業(yè)級PDM模型
      • SSM框架整合
      • jsp+easyui視圖層展現(xiàn)
      • KindEditor富文本編輯器應(yīng)用
      • Freemarker模板引擎實現(xiàn)頁面靜態(tài)化
      • Dubbo分布式調(diào)用技術(shù)
      • Nginx反向代理
      • Redis緩存
      • Lucene/Solr全文檢索解決方案
      • FastDFS圖片服務(wù)器
      • ActivieMQ消息隊列
      • maven項目管理
      • svn/git實現(xiàn)項目代碼和文檔管理
      • zookeeper分布式協(xié)調(diào)服務(wù)
      • mycat中間件
    • 分布式事物
    • 分布式查詢
    • 微服務(wù)
    • 高并發(fā)
    • 容災(zāi)
    • 容器化

結(jié)尾

文章是本人日常使用筆記軟件總結(jié)下來的,可能不太方便觀看,知識點有很多,如果有什么知識點有漏掉還請評論告訴我,我會補上~.
歡迎來我個人博客,我每天都會更新一些自己的筆記.