總結：相容移動端主流瀏覽器，處理 webkit 核心瀏覽器即可。
移動端裝置螢幕尺寸非常多，碎片化嚴重。
android裝置有多種解析度：480x800, 480x854, 540x960, 720x1280，1080x1920等，還有傳說中的2k，4k屏。
近年來iphone的碎片化也加劇了，其裝置的主要解析度有：640x960, 640x1136, 750x1334, 1242x2208等。
作為開發者無需關注這些解析度，因為我們常用的尺寸單位是 px 。
●移動端瀏覽器我們主要對webkit核心進行相容
●我們現在開發的移動端 主要針對手機端開發
●現在移動端碎片化比較嚴重 ,解析度和螢幕尺寸大小不一
●學會用谷歌瀏覽器模擬手 機介面以及除錯
除錯方法
●chrome devtools (谷歌瀏覽器)的模擬手機除錯
●搭建本地web伺服器,手機和伺服器個區域網內,通過手機訪問伺服器
●使用外網伺服器 ,直接ip或網域名稱訪問
視口（viewport）就是瀏覽器顯示頁面內容的螢幕區域。 視口可以分為布局視口、視覺視口和理想視口
我們只需要關注理想視口
一般移動裝置的瀏覽器都預設設定了乙個布局視口，用於解決早期的pc端頁面在手機上顯示的問題。
ios, android基本都將這個視口解析度設定為 980px，所以pc上的網頁大多都能在手機上呈現，只不過元素看上去很小，一般預設可以通過手動縮放網頁。
字面意思，它是使用者正在看到的**的區域。注意：是**的區域。
我們可以通過縮放去操作視覺視口，但不會影響布局視口，布局視口仍保持原來的寬度。
為了使**在移動端有最理想的瀏覽和閱讀寬度而設定
理想視口，對裝置來講，是最理想的視口尺寸
需要手動添寫meta視口標籤通知瀏覽器操作
meta視口標籤的主要目的：布局視口的寬度應該與理想視口的寬度一致，簡單理解就是裝置有多寬，我們布局的視口就多寬(賈伯斯提出的喲)
視口就是瀏覽器顯示頁面內容的螢幕區域
視口分為布局視口、視覺視口和理想視口
我們移動端布局想要的是理想視口就是手機螢幕有多寬，我們的布局視口就有多寬
想要理想視口，我們需要給我們的移動端頁面新增 meta視口標籤
background-size: 背景寬度 背景高度;
屬性 解釋說明
width 寬度設定的是viewport寬度，可以設定device-width特殊值(寬度是裝置寬度)
initial-scale 初始縮放比，大於0的數字
maximum-scale 最大縮放比，大於0的數字
minimum-scale 最小縮放比，大於0的數字
user-scalable 使用者是否可以縮放，yes或no（1或0）
視口寬度和裝置保持一致
視口的預設縮放比例1.0
不允許使用者自行縮放
最大允許的縮放比例1.0
最小允許的縮放比例1.0
物理畫素點指的是螢幕顯示的最小顆粒，是物理真實存在的。這是廠商在出廠時就設定好了,比如蘋果6\7\8 是 750* 1334
我們開發時候的1px 不是一定等於1個物理畫素的
pc端頁面，1個px 等於1個物理畫素的，但是移動端就不盡相同
乙個px的能顯示的物理畫素點的個數，稱為物理畫素比或螢幕畫素比
pc端 和 早前的手機螢幕 / 普通手機螢幕: 1css畫素 = 1 物理畫素的
retina（視網膜螢幕）是一種顯示技術，可以將把更多的物理畫素點壓縮至一塊螢幕裡，從而達到更高的解析度，並提高螢幕顯示的細膩程度。由於 retina 的出現，對於一張 50px * 50px 的,在手機 retina 屏中開啟，按照剛才的物理畫素比會放大倍數，這樣會造成模糊。
例如：我們需要乙個 50*50 畫素(css畫素)的，直接放到我們的手機裡面會放大2倍變成 100 * 100，這樣就會模糊。
解決辦法：我們直接放乙個 100 * 100 ，然後手動的把這個縮小為 50 * 50。這樣將圖放到手機裡面，手機自動放大2倍變成 100 * 100，這樣就不會造成模糊
我們準備的，比我們實際需要的大小大2倍，這種方式就是二倍圖
我們的需要進行放大處理，那麼我們的背景也是需要進行縮放處理。
background-size: 背景寬度 背景高度;
單位： 長度|百分比|cover|contain
cover把背景影象擴充套件至足夠大，以使背景影象完全覆蓋背景區域。
contain把影象影象擴充套件至最大尺寸，以使其寬度和高度完全適應內容區域
單獨製作移動端頁面(主流)，通常情況下，**網域名稱前面加 m(mobile) 可以開啟移動端。
m.taobao.com
m.jd.com
m.suning.com
通過判斷裝置，如果是移動裝置開啟，則跳到移動端頁面。
響應式頁面相容移動端(其次)
未完成作業
分治 1.一元三次方程求解 1015 2.迴圈比賽日程表 3.求方程的根 5.黑白棋子的移動 1310 6.光榮的夢想 2323 7.小車問題 1668 8.方程分f x 的根 9.求逆序對 1198 10.迴圈比賽 11.二分查詢 1135 12.麥森數 1030 動態規劃 挖地雷 取數字問題 搜...
通訊 未完成
網路程式設計對於後端開發來說也是非常重要的一部分，常見的使用案例包含，郵件 web伺服器 rpc等底層通訊模型都離不開通訊。及j a是第乙個從一開始就為網路應用而設計的程式語言，最早的兩個實用j a應用的程式之一就是web瀏覽器，隨著internet的不斷發展，j a成為了唯一適合構建下一代網路應用...
OpenTLD 未完成 虎頭
tld是一種演算法的簡稱，原作者把它叫做tracking learning detection。搞視覺的人看到這個名字都會嚇一跳，很ambitious的計畫。是09年的工作，不算太久，不過也不太新。網上關於這個的資源其實很多，很大程度和作者開放源 有關。學習過程中碰到的第乙個問題就是資源太多 當然是...