1 webApp介紹
app:(native):指的是原生態APP，直接運行在操作系統上運用。
主流的移動端操作系統：
Andriod:JAVA、eclipse；蘋果電腦或者windows
iOS：object-c(OC)、swift、xcode；蘋果電腦
webApp：用HTML5 編寫的移動web運用，依賴於瀏覽器（微信瀏覽器。QQ瀏覽器）。可以不加修改直接運行在Andriod/ios/pc端
優勢：一套代碼（Andriod，iOS,PC）到處運行
劣勢：運行速度不如native app，某些底層功能缺失
微信瀏覽器(iOS)：UIWebView,WXWebView
2像素基礎
（1）物理像素（physical pixel）
一個物理像素就是顯示器（手機屏幕）上的最小物理單元。在操作系統上（OS）的調度上，每一個物理像素都有自己的顏色值和亮度值。
（2）設備獨立像素（density-independentpixel）又稱爲css像素或者邏輯像素。他是瀏覽器使用的抽象單位，主要用來在網頁上繪製內容。也就是css px 是專門爲web開發者提出的一個抽象概念，也就是我們平時寫的css的樣式相關。也和分辨率（720*1280px）沒有半毛錢關係
（3）設備像素化
設備像素比= 物理像素/設備獨立像素
通過屬性devicePixelRatio可以拿到像素比
window.devicePixelRatio
一般在PC端，設備像素比值是1
一般在手機端，設備像素比值是2
結論：
pc端的設計圖，你量到多少，css就寫多少
手機端，你量到多少，css就寫一半，如果你的寬是640px ,代碼裏寫320px
一般情況下，美工提供的效果圖是640*XX（iphone5）或者750*XX（iphone6）
代碼裏面對應就是320px或者375px
瞭解：用戶統計（Umengo ,騰訊統計）
3 viewport
viewPort 就是設備的屏幕用來顯示我們的網頁那一塊區域。說白了就是，瀏覽器用來顯示網頁內容的那部分區域。
viewport不限於瀏覽器可視區域的大小。一般情況下，移動端的viewport都要大於瀏覽器的可視區域。一般情況下viewport的寬度是980px或者是1024px
獲取viewport的寬度
var width = document.documentElement.clientWidth;
正是因爲viewport的寬度比屏幕大，當頁面內容比較多，寬度比較大的時候，需要左右滾動，上下滾動才能看完所有的信息，這個交互很不友好
JDK --)環境變量--）Tomcat8.0
CDN相關知識點
文件（靜態文件）存儲：七牛，oss
安裝：（1）將項目移動到Tomcat下面的webApps下面-->用webstorm打開webApps下的該項目。-->雙擊bin/startup
（2）查看電腦win+R -->輸入cmd --> 出現黑框框-->輸入ipconfig-->查看IPV4關鍵字，後面的XX.XX.XX.XX
（3）如果沒有修改Tomcat的任何配置，XX.XX.XX.XX:8080（localhost：8080）就是對應Tomcat下面的webApp的路徑。
例如：webApps/wkzc/index.html 有這個文件，我想訪問這個index.html，只需要寫XX.XX.XX.XX：8080（localhost）/wkzc/index.html
接口文檔：接口文檔並不是一定由後臺開發人員提供的，也可以有前段開發人員提供的，後臺研究人員根據文檔提供服務
書寫接口文檔軟件：macdown
草料二維碼Chrome插件（需要五Chrome store 市場下載，但是有牆需要注意，想辦法在百度上找到）
display table佈局
iconfont的使用
MVC的使用
