HTML5移動開發概述

2021-09-02 12:24:23 字數 2406 閱讀 7032

一.native vs html5

二.html5 & css3

1.html5:

semantic tag

local storage

more form controls

observer.js

modernizr

jquery/zepto

node.js/npm

requirejs

ajax

2.css3:

n-th selector

shadows

transparent

transition

transformation

sass/less/compass

三.frontend mvc

1.template engine

2.separate js-html-css

3.restful vs jsp

四.start with good apis

五.page flow

六.responsive web design

文字流式(fluid)、控制彈性(flexible)、等比縮放(scale)

bootstrap3、intention.js

七.images assets

1.css sprites

2.1x/2x/3x,向上適配、向下適配、放大模式

八.performance

九.build

1.grunt/gulp

2.jasmine/karma/istanbul

3.fabric

4.jenkins

5.git

十.security

十一.testing

1.jasmine

2.robotframework

3.compatibility

4.performance

十二.infrastructure

1.sae/gae/aws/aliyun

2.maintenance/ page on standalone server

3.health check

4.nginx serve static files

5.load balance

6.disaster recovery

7.logging

十三.deploy

1.fabric

2.hybrid offline package

十四.real user monitoring

1.使用者分析:新增使用者、活躍使用者、啟動次數、版本分析、行業資料

2.留存分析:留存使用者、使用者新鮮度

3.渠道分析:時段詳情、渠道列表

4.使用者參與度:使用時長、使用頻率、訪問頁面、使用間隔

5.功能使用:頁面訪問路徑、自定義事件、事件轉化率

6.終端屬性:設定終端、網路及運營商、地域

7.錯誤分析

敏捷教練:

html5移動開發

canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道,的移動 旋轉 縮放?那都太基礎了,自己畫都是小case,至於怎麼用,好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...

Html5 移動遊戲開發

有很多遊戲採用h5技術開發,比如三國來了 巴哈姆特之怒 切繩子等。我們公司也有多款遊戲用h5開發,h5開發成本低,效率高,方便做自動更新,可移植性好。受益於h5技術,我們公司的很多產品都很方便跨平台。早在2012年,我就很榮幸負責技術攻關,把我們的遊戲移植到win8和wp8平台,當時在國內的win8...

html5移動端開發

移動端開發準備 1 meta標籤的設定 h5頁面視窗自動調整到裝置寬度,並禁止使用者縮放頁面 忽略將頁面中的數字識別為 號碼 忽略android平台中對郵箱位址的識別 2 重點設定 width device width 寬度等於當前裝置的寬度 initial scale 初始的縮放比例 預設設定為1...