面是測試html5重力感應(yīng)的demo

http://bbs.qietu.com/html/zhongli/

http://www.qietu.com/html/f2/qqqianbao/

demo2是切圖網(wǎng)為騰訊網(wǎng)提供的web前端技術(shù)支持的項(xiàng)目，采用的就是html5的重力感應(yīng)。

重力感應(yīng)主要用到兩種事件：

1 orientationchange

這個(gè)事件在屏幕發(fā)生翻轉(zhuǎn)時(shí)觸發(fā)

window.orientation可獲得設(shè)備的方向，一共有三個(gè)值0：豎直, 90：右旋, -90：左旋

2 deviceorientation 和 MozOrientation(firefox專用)

deviceorientation事件可獲得三個(gè)值alpha,beta,gamma，分別代表繞Z軸的旋轉(zhuǎn)角度(0~360)，繞X軸的旋轉(zhuǎn)角度(-180~180)，繞Y軸的旋轉(zhuǎn)角度(-90~90)

MozOrientation事件中可獲得三個(gè)值z,x,y，分別代表垂直加速度，左右的傾斜角度，前后的傾斜角度(取值范圍：-1~1)

坐標(biāo)系見下圖

下面是示例游戲用到重力感應(yīng)的代碼：

1. window.onorientationchange = function(e){

2. game.hideNavBar(); //屏幕翻轉(zhuǎn)時(shí)隱藏地址欄

3. if(game.stage) game.stage.updatePosition(); //更新舞臺(tái)位置

4. };

6. window.ondeviceorientation = function(e)

7. {

8. var ang;

9. var o = window.orientation; //獲取設(shè)備方向

10. if(o == 90){

11. ang = e.beta; //設(shè)備橫向1

12. }

13. else if(o == -90){

14. ang = -e.beta; //設(shè)備橫向2

15. }

16. else if(o == 0){

17. ang = e.gamma; //設(shè)備縱向

18. }

20. if(ang > 5)

21. {

22. keyState[Q.KEY.RIGHT] = true;

23. }

24. else if(ang < -5)

25. {

26. keyState[Q.KEY.LEFT] = true;

27. }

28. else

29. {

30. keyState[Q.KEY.RIGHT] = false;

31. keyState[Q.KEY.LEFT] = false;

32. }

33. }

無附件，源碼面前，了無秘密，作為web前端工程師，我們需要具備查看源碼的能力。

原文：http://bbs.qietu.com/forum.php?mod=viewthread&tid=15036

博企業(yè)網(wǎng)站系統(tǒng)自適應(yīng)HTML5版是以 Asp + Access/Microsoft SQL Server 開發(fā)的HTML5自適應(yīng)企業(yè)網(wǎng)站源碼，免費(fèi)版無使用時(shí)間限制、無域名限制、基本功能無限制。

軟件簡介：

1、簡單易用的后臺(tái)操作頁面，讓網(wǎng)站管理更簡單高效，尊享更好的用戶體驗(yàn)。

2、功能強(qiáng)大靈活、程序安全可靠：新核心，程序更加健壯、內(nèi)核更加安全可靠，確保您的企業(yè)網(wǎng)站可靠穩(wěn)定運(yùn)行。

3、專業(yè)SEO優(yōu)化：讓您的網(wǎng)站自然收錄更快、收錄更完整、優(yōu)化更高效、排名更具優(yōu)勢。

4、支持電腦端、手機(jī)端、綁定到微信端、安卓APP、微信小程序，HTML5響應(yīng)式內(nèi)核，高效且優(yōu)秀、更高端。

服務(wù)器配置：

推薦配置：Windows 2003/2008/2012/2016或更高版本 ＋ IIS 7.5或更高版本 + Microsoft SQL Server 2008/2012/2014/2016或更高版本

本系統(tǒng)需要服務(wù)器支持FSO（FileSystemObject），如果您的空間不支持FSO，請聯(lián)系您的空間商。

安裝說明：

1、請將官方程序包解壓后上傳至您的虛擬主機(jī)即可正常使用；

2、正式使用前，請務(wù)必仔細(xì)設(shè)置后臺(tái)用戶名、密碼、認(rèn)證碼，并盡量不要使用如：admin 或 123456 這類過于簡單的字符；并檢查您的FTP用戶名、密碼不要過于簡單或用戶名、密碼不要一致。經(jīng)過以上設(shè)置，您的企業(yè)網(wǎng)站安全可穩(wěn)如磐石。

圖標(biāo)不顯示的說明：

打開服務(wù)器IIS管理器，添加MIME類型：

文件擴(kuò)展名 MIME類型

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

------------------------------我是一條分隔線------------------------------

為什么使用千博企業(yè)網(wǎng)站系統(tǒng)？

建設(shè)網(wǎng)站，必須了解的潛規(guī)則！

能否被搜索引擎收錄，并排在前列？

2019年，百度搜索引擎占據(jù)了大約70.3%的市場份額，所以一個(gè)網(wǎng)站是否能被百度友好的收錄很重要！您現(xiàn)在能來到的網(wǎng)站，也許就是通過百度！

換個(gè)瀏覽器網(wǎng)站就打不開？

兼容性不夠的話會(huì)影響訪問網(wǎng)站的速度，一般是超過5秒載入，訪問者就會(huì)流失。

網(wǎng)站還沒上線，設(shè)計(jì)已經(jīng)落后了！

2019年，手機(jī)用戶規(guī)模達(dá)7.55億，7.55億手機(jī)用戶已經(jīng)習(xí)慣用手機(jī)瀏覽網(wǎng)站、使用微信瀏覽網(wǎng)站或使用微信小程序?yàn)g覽網(wǎng)站，但大部分的網(wǎng)站設(shè)計(jì)公司僅僅停留在制作傳統(tǒng)電腦端網(wǎng)站。

建站公司魚龍混雜，選擇需謹(jǐn)慎！

您是不是覺得做網(wǎng)站很容易？所以隨便找了網(wǎng)站建設(shè)公司建一個(gè)網(wǎng)站就完事了？

結(jié)果，資料不是您的，數(shù)據(jù)您拿不到，出了問題更解決不了，甚至在幾個(gè)月后網(wǎng)站建設(shè)公司都消失了…

千博拒絕低端劣質(zhì)網(wǎng)站！

做網(wǎng)站如同工廠生產(chǎn)產(chǎn)品，達(dá)不到質(zhì)量標(biāo)準(zhǔn)就不能出廠，千博有自己的質(zhì)量控制體系。

設(shè)計(jì)與成品是否一致？

功能測試是否達(dá)標(biāo)？

代碼是否冗余？

TDK是否完善？

數(shù)據(jù)初始化是否完畢？

兼容性測試是否通過？

核心數(shù)據(jù)傳遞是否安全？

結(jié)構(gòu)化數(shù)據(jù)是否規(guī)整？

nofollow檢驗(yàn)是否完畢？

類名及選擇器是否規(guī)范？

全國各地模擬訪問是否正常？

服務(wù)器備份計(jì)劃是否開啟？

SEO搜索引擎代碼優(yōu)化是否檢測？

沖突性測試是否通過？

異常是否規(guī)避？

安全測試是否達(dá)標(biāo)？

真實(shí)數(shù)據(jù)交互是否正常？

場景及邏輯處理是否正常？

權(quán)限控制是否嚴(yán)謹(jǐn)？

生產(chǎn)環(huán)境配置是否恰當(dāng)？

企業(yè)建站目的在于營銷：

缺少營銷基因，您的網(wǎng)站再漂亮也無人問津，如是，便錯(cuò)失互聯(lián)網(wǎng)8億市場。完善的體驗(yàn)積累，是您后來居上的墊腳石！

源自千博設(shè)計(jì)團(tuán)隊(duì)的原創(chuàng)設(shè)計(jì)它不止是一件藝術(shù)品！

為搜索引擎優(yōu)化，流量爆升；

獨(dú)一的設(shè)計(jì)，讓客戶過目不忘，提升品牌價(jià)值；

源自名家設(shè)計(jì)，更增添客戶信任感。

------------------------------我是一條分隔線------------------------------

千博企業(yè)網(wǎng)站系統(tǒng)自適應(yīng)HTML5版本免費(fèi)下載：

http://www.qianbo.com.cn/Url/?refer=free_html5