一.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...