HTML5 標準元件與API開發

html5標準基本上可以在絕大多數瀏覽器上執行了（pc，移動瀏覽器，很多人還是用的老版本的瀏覽器，不相容）但是現在這方面的應用還不是很多；更多的時候，我們都是在用標準的元件，由於元件本身的開發使用只是考慮了一般的應用或者發布者本身的業務需呀，並不一定完全符合自身業務的需求。比如genoverse的開發。標準的demo由三個部分組成

(鹼基對【

ensembl

】，基因【

genes

】，【regulatory features】),

資料使用的是

grch38

標準（歐洲）人體基因庫。使用少數幾行**確實能輕鬆構建乙個簡單的應用：

var genoverseconfig = {};

var geneurl= '';

var stdurl = '';

var cfgplugins = [ 'controlpanel', 'karyotype', 'trackcontrols', 'resizer', 'tooltips', 'filedrop' ];

genoverseconfig.container = '#genoverse2';

genoverseconfig.width = 1240;

genoverseconfig.genome = 'grch38';

genoverseconfig.start = 32889611;

genoverseconfig.end = 32973805;

genoverseconfig.plugins = cfgplugins;

genoverseconfig.tracks = new array();

genoverseconfig.tracks.push(genoverse.track.scalebar);

genoverseconfig.tracks.push(genoverse.track.extend(),

view

: genoverse.track.view.sequence,

resizable : false,

genoverseconfig.tracks.push(genoverse.track.gene);

genoverseconfig.tracks.push(genoverse.track.extend(),

setfeaturecolor : function (f)

當然也可以通過定製乙個tracker來顯示：

genoverse.track.extend({

name

: 'ensembl', // 名字，顯示在track的右邊

… controller

: genoverse.track.controller.mycustcontroller,

model

:genoverse.track.model.mycustmodel,

view

: genoverse.track.view.mycustview,

resizable

: false,

mvc，太古老了，回到施樂實驗室，n年前的事了。：），不用解釋

但是乙個明顯的問題是，整個container受限於

__chr__:__start__-__end__，這也意味著所有的track資料的展示必須在這個約束範圍內，不一定完全匹配需求。

當然資料的分析也是乙個重要的環節，不然怎麼做？總之，需要花時間弄清楚真個源**體系。更要懂html5編碼，不然怎麼改造？但是在元件開發流行的今天（往往有短平快的壓力），要找乙個基礎開發的人員確實是很困難了。真的，能用簡單的api構造應用的越來越少了，很難做出特色的應用。並且有時候，利用現成的元件，不一定快多少，當然可以改變需求, 這也是乙個思路。：）

知道有個什麼東西，什麼東西用什麼東西做的，真的不一定能有多大的幫助。很多時候我們需要的是程式設計師而不是程式猿。

HTML5 標準元件與API開發

HTML 教程 HTML5 標準

HTML 教程 HTML5 標準

Html5遊戲開發攻略（API篇）

HTML5 標準元件與API開發

HTML 教程 HTML5 標準

HTML 教程 HTML5 標準

Html5遊戲開發攻略（API篇）

相關推薦