webapphtml源碼

A. 用HTML5開發的WebApp怎麼實現消息推送

通過後台服務的支持來實現消息推送。實現消息推送的原理是：
1、首先，需要在應用程序進行注冊一個消息推送。
2、然後，IOS跟APNS Server要deviceToken。這樣子應用程序才能接受deviceToken。
3、緊接著，應用程序將deviceToken發送給PUSH服務端程序。
4、服務端會向程序向APNS服務發送消息。
5、最後，APNS服務將消息發送給iPhone應用程序Push service方案評價標准這樣就行了。
消息推送可以使用深圳極光家的消息推送軟體。極光聯賦能企業流量變現，一站式流量接入運營解決方案，提供優質廣告資源，多維度用戶標簽，豐富的廣告形式，發揮流量的最大價值。

B. 為什麼webapp下的html文件佔用63342埠

webapp下的html文件佔用63342埠的原因：
選擇當前的模塊,點擊ok生成如下目錄就OK了,再次啟動tomcat,埠會從63342變成8080之前我打開html的時候老是63342埠,自己手動配置了這幾個文件夾之後就解決了。

C. web前端怎麼入門學習

入門標准很簡單

就一條：達到能參與 Web 前端實際項目的開發水平。請注意，是實際項目，這就需要了解如今的實際項目開發都用了哪些技術棧。HTML/CSS/JavaScript 這三大基礎技術棧肯定是需要掌握的，但要能參與實際項目開發，肯定還要掌握其他一些主流的框架體系。

幾年前，jQuery + Bootstrap可以說是一統江湖，是前端領域的絕對霸主。而這幾年，隨著Angular、React、Vue等框架的興起，變成了百家爭鳴的局面。這幾年，Web 前端的技術發展真是太快了，相應地，技術棧也就變得非常多，除了最基本的HTML/CSS/JavaScript，以及Vue/React/Angular等這些 JavaScript 框架和各自的生態體系，還有 CSS 預處理器Sass/Less/Stylus，還有TypeScript，還有grunt/webpack/gulp等各種打包構建工具，還有其他一大堆技術棧。

這么多技術棧，我們不可能全都掌握，就算是資深的前端工程師，也只是精通其中一部分，比如，有些精通 Angular，有些掌握 React，有些則熟悉 Vue，很少有人對三種框架生態體系都非常了解。因此，我們入門也沒必要每種框架都學習，只要挑選一種就夠了。而且，作為全棧，我們學習一門技術更重要的是要學習技術背後的編程思想、設計思想、架構思想等。而不管是 Angular、React 還是 Vuew，其背後的核心設計思想都是組件化的設計，因此只要掌握一種框架，我們也就能學習到前端技術的核心思想了。

那麼，我們應該學哪種框架體系呢？我的建議是從 Vue 開始，因為 Vue 的學習成本是最低的，入門簡單，而且這兩年 Vue 可以說是出現了爆發式的增長，已經直逼 React。React 的主要學習成本在於要掌握 JSX 語法，而且文檔還大多都是英文。Vue 因為是國人開發和維護的，自然對國內的開發者更友好。Angular 則是個大而全的框架，顯得太重，學習成本自然最高。至於 jQuery + Bootstrap 這套，已經過時了，建議沒必要去學習了，畢竟我們的時間很寶貴，還有一大堆更有價值的東西等著我們去學。

因此，我們要入門 Web 前端開發的話，除了要學習 HTML/CSS/JavaScript 三大基礎技術棧，還要了解 Vue 體系。而 Vue 體系，除了 Vue 框架本身，還包括其他技術棧。

下方是學習前端開發的學習路線：

D. 用HTML5做webapp時是要將所有HTML文件寫成一個HTML嗎

可以做成一個頁面，全用ajax。
也可以做多個html，借用一些js框架，比如angularjs，可以實現一些路由跳轉

E. 在webapp下的html網頁可以直接打開嗎

可以的。
webapp 雖然是用HTML5寫的頁面，但靜態代碼是打包在本地的，只有數據是通過非同步訪問然後在客戶端渲染的。完整的webapp有一套自己的實現框架，能管理歷史記錄，能後退，通過打包工具可以通過原生代碼訪問硬體。webapp和HTML5網頁，我覺得最大的區別可以說在於客戶端渲染和服務端渲染的區別。

F. 我用html5做了一個webApp，想用PC端web來更新數據，有什麼辦法嗎

操作上和web伺服器沒什麼差別，只不過傳統的pc端網頁返回的是一個完整的html頁面，你現在只要返回格式化數據(json)就可以了

G. 如何用html5構建移動端的webapp

H5e教育html5開發為您解答：
移動web在當今的發展速度是一日千里，作為移動領域的門外漢，在這段時間的接觸後，發現前端開發這一塊做一個小小的總結。
1.四大瀏覽器內核
1.Trident (IE瀏覽器) :因為在早期IE佔有大量的市場份額，所以以前有很多網頁是根據這個Trident的標准來編寫的，但是實際上這個內核對真正的網頁標准支持不是很好，同時存在許多安全Bug。
2.Gecko:( FireFox )優點就是功能強大、豐富，可以支持很多復雜網頁效果和瀏覽器擴展介面，缺點是消耗很多的資源，比如內存。
3.Webkit: ( Chrome/ Safari / UC )優點就是Webkit擁有清晰的源碼結構、極快的渲染速度，缺點是對網頁代碼的兼容性較低，會使一些編寫不標準的網頁無法正確顯示。
4.Presto: ( 歐朋 ) Presto內核被稱為公認的瀏覽網頁速度最快的內核，同時也是處理JS腳本最兼容的內核，能在Windows、Mac及Linux操作系統下完美運行。
移動端開發主要對象是手持設備，其中絕大部分是IOS和Android系統，基於Webkit內核，可使用Chrome瀏覽器調試即可。
2.手機瀏覽器
瀏覽器已經逐漸從傳統桌面轉向手機端，競爭也越來越激烈。目前國內市場主流的手機瀏覽器：UC、網路、歐朋、QQ、海豚、safari、Chrome，這些瀏覽器都是基於webkit內核的，兼容性方面不存在問題，同時對html5和css3的支持很好，所以，大膽地應用html5和css3技術吧。
在開始編寫webapp時，前端工程師使用HTML5，而放棄HTML4，因為HTML5可以實現一些HTML4中無法實現的豐富的WEB應用程序 的體驗，可以減少開發者很多的工作量，當然了你決定使用HTML5前，一定要對此非常熟悉，要知道HTML5的新標簽的作用。比如定義一塊內容或文章區域 可使用section標簽，定義導航條或選項卡可以直接使用nav標簽等等。
3.終端解析度
手機解析度比PC解析度要龐雜得多，各種解析度有木有？大小差距那麼大有木有？這在一定程度上給頁面製作帶來了不小的麻煩。所以針對這樣的因素，必須有充分的考慮。考慮到瀏覽器自適應，需要設計和製作完成各種不同的方法。
1) 市場上主流手機生產商的產品解析度。經過調研發現，目前主流的手機解析度為：480*800像素、320*480像素，而1280*720像素（720P）會是接下來的趨勢。這些都是很粗略的統計，要有精確的數據需要花費不少的精力，那是數據分析人員的工作。
2) 項目目標群所持設備的解析度。項目目標群即用戶，用戶擁有什麼樣的手機解析度，從一定程度上來說比第一點來得更加重要，它決定著項目開發的方向。
4.響應式web開發
在編寫CSS時，我不建議前端工程師把容器（不管是外層容器還是內層）的寬度定死。為達到適配各種手持設備，我建議前端工程師使用自適應布局模式（支付 寶 採用了自適應布局模式），因為這樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能夠正常的顯示，你無需再次考慮設備的解析度。
響應式web開發不是一項開創性的技術變革，簡單地說，響應式web設計採用了媒體查詢、流式布局、液態圖片三項技術，把它們組合在一起來製作頁面，使得頁面不只在傳統桌面，在平板電腦和手機上，各種不同的解析度都能夠完美顯示。而要做到這點，我覺得不難，請繼續往下：
1) 准備工作：
a) 插件安裝：window resize。您可以通過下載安裝谷歌瀏覽器插件，安裝成功後，當您調整瀏覽器窗口時，在瀏覽器右下角會有灰度提示當前窗口和類似於手機視圖的大小提示。
b) 編輯器安裝：Hbulder或Webstorm
c) 弄清視圖和屏幕的區別。視圖是瀏覽器的內容顯示區域，屏幕是設備的物理顯示區域。比如視圖寬度我們一般用width表示，而屏幕寬度是用device-width來表示。相信做過手機頁面的童鞋都經常見過這段代碼：
<meta name="viewport" content="width=device-width,initial-scale=1.0">
其中width=device-width就是說把頁面寬度設置成和屏幕寬度一樣。
d) 響應式設計創意網站收集 。這里有很多響應式Web設計的網站，供您參考和學習。
2) 征途ING：
e) 響應式web設計之媒體查詢：
為了減少http請求，我想在css樣式表裡進行媒體查詢會是個不錯的選擇，而不是在頁面head部分使用link進行載入。樣式表裡的媒體查詢格式為：
@media screen and (max-width:960px){}
大括弧內部書寫樣式。該語句相當於判斷語句，有兩個條件，一個是視口寬度最大不超過960px，screen代表顯示屏，這兩個條件都具備了，就調用大括弧內的樣式。
f) 響應式web設計之流式布局：
流式布局以百分比進行布局。最重要是時刻關注元素的父級層，所有的元素都是以父級層為基準。流式布局的應用是為了和媒體查詢完美地結合，形成平滑的布局變 化跳轉效果。一般而言，media里的樣式多以width、padding、margin、font-size、line-height這些為主。
g) 響應式web設計之液態圖片：
要實現液態圖片，只需加入如下代碼：img{max-width:100%;}
web移動頭部書寫

1、首先我們來看看webkit內核中的一些私有的meta標簽，這些meta標簽在開發webapp時起到非常重要的作用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
這個meta標簽表示：強制讓文檔的寬度與設備的寬度保持1:1，並且文檔最大的寬度比例是1.0，且不允許用戶點擊屏幕放大瀏覽；
<meta content="yes」 name=" apple-mobile-web-app-capable" />
meta標簽是iphone設備中的safari私有meta標簽，它表示：允許全屏模式瀏覽；
<meta content="black" name=" apple-mobile-web-app-status-bar-style" />
meta標簽也是iphone的私有標簽，它指定的iphone中safari頂端的狀態條的樣式；
<meta content="telephone=no" name="format-detection" />
meta標簽表示：告訴設備忽略將頁面中的數字識別為電話號碼

H. 瀏覽器可以看到源碼 那webapp不是很不安全 別人通過源碼就可以看到你的密碼

你只能看見靜態的源碼而已，PHP的話就完全看不到了。意思就是你只能看到靜態的HTML結構。