ameLook報(bào)道 / 12月28日消息，今日騰訊通過(guò)多個(gè)官方微信公眾號(hào)正式公布了“小游戲”發(fā)布的消息，同時(shí)今日微信上線了15款小游戲產(chǎn)品、其中包含多個(gè)H5棋牌小游戲產(chǎn)品，這昭示著騰訊微信正式擁抱H5手游市場(chǎng)，給多年來(lái)一直等待H5游戲機(jī)遇的開發(fā)者送上了終極新年大禮包。

更新微信最新版的用戶今日進(jìn)入微信已能看到小游戲的開屏登陸頁(yè)面，可見微信這次叫來(lái)勢(shì)洶洶。

小游戲顧名思義，輕量化為主要技術(shù)特點(diǎn)，主要采用HTML5游戲引擎開發(fā)，游戲玩家無(wú)需下載游戲安裝包、也無(wú)需安裝游戲、通過(guò)微信頁(yè)面即可在線啟動(dòng)游戲，其類似于PC端的網(wǎng)頁(yè)游戲，而借助微信的數(shù)億活躍用戶和社交關(guān)系鏈，小游戲?qū)崿F(xiàn)了快速游戲啟動(dòng)、快速游戲分發(fā)、社交化分享的傳播機(jī)制，極大的提高了游戲的用戶轉(zhuǎn)化效率。

根據(jù)微信多個(gè)官方公告披露的信息，小游戲目前尚在此前微信“小程序”的功能范疇之內(nèi)，gamelook認(rèn)為不排除未來(lái)“小游戲”將成為單獨(dú)的微信產(chǎn)品概念向行業(yè)鄭重推薦。

雖然根據(jù)今日騰訊公告提到，“iOS端暫不支持支付”，但據(jù)相關(guān)人士向gamelook透露，微信小游戲已解決了與蘋果在游戲支付上的問(wèn)題，游戲?qū)⑼ㄟ^(guò)微信發(fā)布、支付上與蘋果分賬，就此H5游戲插上了全平臺(tái)騰飛的翅膀。

GameLook相信騰訊與蘋果將擇機(jī)確認(rèn)iOS微信小游戲的支付方式和分成比例。

微信公告表示：“小游戲已于今日正式上線，游戲開發(fā)者可以在微信公眾平臺(tái)上查閱小游戲開發(fā)文檔，下載最新版的開發(fā)者工具。”

在開發(fā)者文檔中，微信寫到，小游戲只有兩個(gè)必要文件：1.game.js 小游戲主程序入口 2.game.jason 配置文件，游戲運(yùn)行在JavaScriptCore中。 微信明確支持HTML5游戲。

需要注意的是，微信表示：“小游戲每次發(fā)布需要經(jīng)過(guò)騰訊的審核。”

點(diǎn)擊查看：小游戲開發(fā)文檔

同時(shí)騰訊“微信派”官方微信號(hào)也預(yù)演了微信小游戲的游戲效果，重點(diǎn)介紹了官方推薦的小游戲“跳一跳”。

點(diǎn)擊查看：微信小游戲“跳一跳”官方介紹文章。

目前微信已發(fā)布了15款小游戲，第一批上線的H5小游戲具體是：歡樂(lè)斗地主、悅動(dòng)音符、全民大樂(lè)斗、保衛(wèi)蘿卜訊玩版、歡樂(lè)坦克大戰(zhàn)、愛消除樂(lè)園、貴州麻將、星途W(wǎng)eGoing、大家來(lái)找茬騰訊版、跳一跳、騰訊中國(guó)象棋、廣東麻將、歡樂(lè)消消消、天天德州、四川麻將。

有關(guān)今日微信小游戲的報(bào)道，請(qǐng)關(guān)注今晚gamelook微信公眾號(hào)，我們將做更深一步解讀。

隨著互聯(lián)網(wǎng)+的深入發(fā)展，我們已經(jīng)越來(lái)越感受到它的強(qiáng)大，HTML5也隨著互聯(lián)網(wǎng)火了半邊天，微信小程序、虛擬現(xiàn)實(shí)已經(jīng)走進(jìn)了我們生活，這又引發(fā)了一次互聯(lián)網(wǎng)發(fā)展高潮。現(xiàn)在互聯(lián)網(wǎng)企業(yè)對(duì)高端HTML5開發(fā)工程師的缺口依然很大，因此很多人抓住這個(gè)機(jī)會(huì)選擇學(xué)習(xí)HTML5開發(fā)。今天千鋒南京HTML5培訓(xùn)小編將帶大家一起看一看HTML5有哪些知識(shí)需要你了解？準(zhǔn)備入門HTML5的新手需要了解的知識(shí)有哪些？

HTML5到底是什么？

一般廣義而言的HTML5則包含了HTML、CSS和JavaScript三個(gè)部分，而不只是第一印象僅僅HTML部分而已，在CSS 3和JavaScript層面也有許多的創(chuàng)新，讓整個(gè)網(wǎng)頁(yè)從布局到處理都更加給力，新囊括的技術(shù)讓之前實(shí)現(xiàn)相當(dāng)困難且安全性危機(jī)重重的功能變?yōu)榱爽F(xiàn)實(shí)，

HTML5好處-為什么要用HTML5

HML5在布局上更得體，記得以前的主流table過(guò)渡到主流div;今的布局對(duì)搜索引擎更加友好，比如<article>內(nèi)總是會(huì)包含文章內(nèi)容，而nav是導(dǎo)航信息;HTML5的移動(dòng)手機(jī)支持也日趨完善，兼容移動(dòng)端可是一個(gè)簡(jiǎn)單概念。雖然多網(wǎng)合一，兼容問(wèn)題永遠(yuǎn)存在，布局適配也是一門技術(shù)活;另外在Pad等其他客戶端也發(fā)揮著越來(lái)越重要的優(yōu)勢(shì)。

HTML5的技術(shù)組成：

離線功能

HTML5透過(guò)JavaScript提供了數(shù)種不同的離線儲(chǔ)存功能，相對(duì)于傳統(tǒng)的Cookie而言有更好的彈性以及架構(gòu)，并且可以儲(chǔ)存更多的內(nèi)容。

WebStorage – 比Cookies更大、更有彈性的的儲(chǔ)存

Web SQL Database – 本地端的SQL資料庫(kù)

Indexed DB – Key-value的本地資料庫(kù)

Application Cache – 將部分常用的網(wǎng)頁(yè)內(nèi)容cache起來(lái)

即時(shí)通訊

以往網(wǎng)站由于HTTP協(xié)定以及瀏覽器的設(shè)計(jì)，即時(shí)的互動(dòng)性相當(dāng)?shù)氖芟蓿荒苁褂靡恍┘记蓙?lái)「模擬」即時(shí)的通訊效果，但HTML5提供了完善的即時(shí)通訊支援。

什么輪詢、第三方的統(tǒng)統(tǒng)不要，自已來(lái)實(shí)現(xiàn)。

WebSocket – 即時(shí)的socket連線

Web Workers – 以往JavaScript都是single thread，透過(guò)Worker可以有多個(gè)運(yùn)算

Notifications – 塬生的提示訊息，類似像OS X的Growl提示

文件以及硬件支持

不知道大家有沒有發(fā)現(xiàn)，在Gmail等新的網(wǎng)頁(yè)程式當(dāng)中，已經(jīng)可以透過(guò)拖拉的方式將檔案作為郵件附件?這就是這部份HTML5檔案的功能中的Drag’n Drop和File API。

Drag’n Drop – HTML元素的拖拉

File API – 讀取使用者本機(jī)電腦的內(nèi)容

Geolocation – 地理定位

Device orientation – 手持裝置的方向

Speech input – 語(yǔ)音輸入

語(yǔ)意化

語(yǔ)意化的網(wǎng)路是可以讓電腦能夠更加理解網(wǎng)頁(yè)的內(nèi)容，對(duì)于像是搜尋引擎的優(yōu)化(SEO)或是推薦系統(tǒng)可以有很大的幫助。

New tags – 新的標(biāo)籤，像是<header>、<section>等

Application tags – 也是新的標(biāo)籤，像是<meter>、<progress>等

Microdata – 加入語(yǔ)意的資料讓搜尋引擎等網(wǎng)站可以正確顯示

Form type – <form>可以加入的type便多了，包含email和tel等屬性，瀏覽器會(huì)協(xié)助進(jìn)行資料格式的驗(yàn)證

多媒體

Audio、Video的標(biāo)簽支援以及Canvas的功能應(yīng)該是大家對(duì)于HTML5最熟悉的部份了，也是許多人認(rèn)為Flash會(huì)被取代的主要原因。

Audio video – 影片和音樂(lè)的塬生播放支援

Canvas – 2D的繪圖功能支援

Canvas 3D – 3D的繪圖功能支援

SVG – 向量圖支援

CSS 3

CSS3支援了字體的嵌入、版面的排版，以及最令人印象深刻的動(dòng)畫功能。

Selector – 更有彈性的選擇器

Webfonts – 嵌入式字體

Layout – 多樣化的排版選擇

Stlying radius gradient shadow – 圓角、漸層、陰影

Border background – 邊框的背景支援

Transition – 元件的移動(dòng)效果

Transform – 元件的變形效果

Animation – 將移動(dòng)和變形加入動(dòng)畫支援

JavaScript

在比較JavaScript的基本面也新增了DOM的API、和瀏覽器上下頁(yè)的紀(jì)錄修改。

DOM API – 更方便的查詢DOM元件

History API – 瀏覽器的上下頁(yè)內(nèi)容修改，方便AJAX可以保留瀏覽記錄

現(xiàn)在就用HTML5

截至目前而言，主流的網(wǎng)頁(yè)瀏覽器Firefox 5、Chrome 12和Safari 5都已經(jīng)支援了許多的HTML5標(biāo)準(zhǔn)，而且目前最新版的IE 9也支援了許多HTML5標(biāo)準(zhǔn)。隨著使用者陸續(xù)升級(jí)到新版的瀏覽器，開發(fā)者應(yīng)該在現(xiàn)在就可以著手開發(fā)!兼容性問(wèn)題會(huì)隨著時(shí)間的推移而越來(lái)越少。但對(duì)于不得不照顧底版本用戶的網(wǎng)站，網(wǎng)上也有大量的回退解決方案。

以上就是千鋒南京HTML5培訓(xùn)小編今天給大家?guī)?lái)的新手入門HTML5需要了解的知識(shí)，希望本篇文章能夠?qū)δ阌兴鶐椭?。想了解更多HTML5相關(guān)資訊歡迎關(guān)注千鋒南京官網(wǎng)，這里不僅有更多HTML5相關(guān)信息，還有專業(yè)的HTML5技術(shù)文章、教程視頻。

手機(jī)使用的過(guò)程中，有很多AP需要下載，但是用到的頻率卻很少，這是很多人的痛點(diǎn)，小程序的出現(xiàn)讓很多人避免了下載更多APP的苦惱，得到迅速的推廣，那么你對(duì)于微信小程序久經(jīng)了解多少呢？

什么是微信小程序？

微信小程序，簡(jiǎn)稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或搜一下即可打開應(yīng)用。

一、微信小程序和APP的區(qū)別

1、少了安裝APP的麻煩

只需要搜索或者「掃一掃」,即可打開應(yīng)用。沒有了下載安裝環(huán)節(jié),人和功能的連接變得更加簡(jiǎn)單直接。

2、釋放手機(jī)內(nèi)存

相比于一個(gè)小則幾十M，大則幾個(gè)G的APP，小程序大小不超過(guò) 1 M 的優(yōu)勢(shì)迅速凸顯出來(lái)。

3、讓手機(jī)桌面更簡(jiǎn)潔

從今以后，功能簡(jiǎn)單、使用頻率低的app將會(huì)被小程序替代。它們都將陸續(xù)收錄到微信這個(gè)大APP里。

4、節(jié)省推廣費(fèi)用

相比于APP來(lái)說(shuō)，微信小程序無(wú)需巨額廣告費(fèi)推廣，也不需要專門的資金完善升級(jí)。

二、微信小程序與HTML5的區(qū)別

1、對(duì)用戶而言，微信小程序的代碼可以直接在微信上運(yùn)行,省去了通過(guò)瀏覽器渲染的步驟,在體驗(yàn)上會(huì)勝過(guò)HTML5不少?？偠灾?在微信中使用小程序,會(huì)比 HTML5流暢很多。

2、對(duì)開發(fā)者而言，對(duì)開發(fā)者而言對(duì)于開發(fā)者來(lái)說(shuō),相比HTML5,微信小程序可以節(jié)省大量的服務(wù)器資源。那是因?yàn)?HTML 5 需要開發(fā)者的服務(wù)器向用戶發(fā)送 HTML5代碼,而微信會(huì)幫開發(fā)者分發(fā)他們的小程序。

三、微信小程序與訂閱號(hào)，服務(wù)號(hào)的區(qū)別

訂閱號(hào)：是用戶用來(lái)獲取信息，滿足企業(yè)營(yíng)銷目的一種媒體屬性的產(chǎn)品。

服務(wù)號(hào)：提供基本的客戶服務(wù)（買賣、售后、咨詢等），同時(shí)也輔助企業(yè)變現(xiàn)。

微信小程序：以上兩者都是以“聊天界面”為基礎(chǔ)的,即是說(shuō),它們的功能和界面是早就規(guī)定好了的。而小程序允許開發(fā)者自定義界面,開發(fā)者可以提供更好的使用體驗(yàn)。

四、微信小程序有哪些優(yōu)勢(shì)?

1、提供一個(gè)新的開發(fā)平臺(tái)

微信小程序可以打通微信應(yīng)用號(hào)、升級(jí)公共號(hào)的功能，并且微信小程序同時(shí)集成了APP store的功能。對(duì)于傳統(tǒng)企業(yè)來(lái)說(shuō)，開發(fā)APP的成本大，APP的使用頻率低，就算有下載，但是卸載率也不低，而微信小程序的出臺(tái)正好彌補(bǔ)了這樣的缺點(diǎn)。

2、降低企業(yè)的開發(fā)成本

開發(fā)任何一款A(yù)PP都必須要去考慮其兼容性的問(wèn)題，而微信小程序則很好的解決了這一難題，微信小程序的出現(xiàn)，不僅省去了企業(yè)開發(fā)APP和不斷完善其APP所需的資金，還可以讓企業(yè)利用已有的優(yōu)勢(shì)，簡(jiǎn)化程序的推廣流程，結(jié)合企業(yè)微信公共號(hào)的營(yíng)銷優(yōu)勢(shì)，用戶只需掃描二維碼就能使用。

3、為企業(yè)帶來(lái)潛在客戶

微信小程序的運(yùn)營(yíng)初期，很多用戶都對(duì)其抱有強(qiáng)烈的好奇心，企業(yè)完全可以抓住這一時(shí)間段，借助小程序開發(fā)有趣的應(yīng)用，吸引用戶前來(lái)關(guān)注，為企業(yè)培育大量的用戶。

4、搭建新的商業(yè)體系

在互聯(lián)網(wǎng)飛速發(fā)展的今天，傳統(tǒng)企業(yè)要想發(fā)揮其優(yōu)勢(shì)，實(shí)現(xiàn)盈利的最大化，就必須走“產(chǎn)品+線上+線下”的營(yíng)銷模式。微信小程序的出現(xiàn)剛好可以幫助實(shí)現(xiàn)上述模式，通過(guò)很好的打通用戶、內(nèi)容信息、商品服務(wù)之間的關(guān)系，直接在微信商業(yè)體系內(nèi)完成閉環(huán)線路。

5、為企業(yè)獲取更多的流量

微信小程序的母體是微信，企業(yè)可以借助微信平臺(tái)獲取更多的流量。同時(shí)微信也開放了流量的十大入口（附近小程序、公共號(hào)、圖文信息、二維碼、轉(zhuǎn)發(fā)、卡券、分享、支付、社交分享。）

6、節(jié)省企業(yè)資源

微信小程序可以很大程度上協(xié)助沒有足額資金的小型企業(yè)和個(gè)人搭建行業(yè)解決方案。企業(yè)借助小程序更好的連接互聯(lián)網(wǎng)，提供更加有行業(yè)特征的小程序，形成行業(yè)解決方案。