【摘要】：隨著經(jīng)濟(jì)全球化的持續(xù)發(fā)展,國(guó)內(nèi)經(jīng)濟(jì)不斷向好發(fā)展,催生了多種多樣的市場(chǎng)投資活動(dòng),其中以證券相關(guān)業(yè)務(wù)尤為活躍,為了滿足國(guó)內(nèi)投資者對(duì)國(guó)際化證券交易的需求,迫切需要開(kāi)發(fā)一套國(guó)際化的證券交易系統(tǒng)。傳統(tǒng)的原生C/S桌面端的開(kāi)發(fā)模式,需要組建Windows和Mac OS兩套團(tuán)隊(duì),無(wú)論是從開(kāi)發(fā)成本、開(kāi)發(fā)時(shí)間,還是從人員招聘方面,對(duì)于公司來(lái)說(shuō),都是巨大的挑戰(zhàn)。針對(duì)以上缺陷國(guó)際化證券交易系統(tǒng)采用前端基于Web開(kāi)發(fā),通過(guò)WebKit來(lái)構(gòu)建跨平臺(tái)桌面應(yīng)用,充分利用本地客戶端和Web各自的優(yōu)勢(shì),本地客戶端更加方便地調(diào)用操作系統(tǒng)的資源,而Web則實(shí)現(xiàn)快速迭代開(kāi)發(fā)和數(shù)據(jù)展示。后端數(shù)據(jù)使用目前已經(jīng)開(kāi)發(fā)成熟的提供給移動(dòng)端APP的數(shù)據(jù)接口,實(shí)現(xiàn)前后端分離的開(kāi)發(fā)方式。相較傳統(tǒng)桌面端應(yīng)用的數(shù)據(jù)緩存和Web應(yīng)用數(shù)據(jù)緩存,本方案使用WebKit原生支持的IndexedDB數(shù)據(jù)庫(kù),操作數(shù)據(jù)庫(kù)無(wú)需安裝額外的插件,也無(wú)需考慮跨瀏覽器和跨平臺(tái)的兼容性問(wèn)題,使桌面端交易系統(tǒng)有更近原生桌面應(yīng)用的體驗(yàn)。對(duì)比傳統(tǒng)的DOM操作方法,使用虛擬DOM的重新渲染頁(yè)面的性能有高達(dá)40%的提升,這得益于對(duì)DOM操作的方式的改進(jìn),因?yàn)闉g覽器的主要性能消耗在渲染階段,通過(guò)數(shù)據(jù)來(lái)渲染DOM,并通過(guò)修改數(shù)據(jù)來(lái)操作DOM的顯示,比直接刪除并添加DOM有更高效的性能。相比傳統(tǒng)的Ajax與后臺(tái)服務(wù)器交互的邏輯,對(duì)于實(shí)時(shí)性要求較高的數(shù)據(jù)已無(wú)法勝任,通過(guò)研究對(duì)比,在WebSocket協(xié)議的基礎(chǔ)上,實(shí)現(xiàn)了交易系統(tǒng)與服務(wù)器之間的消息相互推送,較少了由于Ajax通信模式造成的大量無(wú)效交互和浪費(fèi)大量網(wǎng)絡(luò)帶寬資源等問(wèn)題。相比固定推送時(shí)間間隔,通過(guò)前一分鐘的平均推送延遲時(shí)間,彈性設(shè)置推送時(shí)間間隔,能夠在保證服務(wù)器性能的前提下,提高數(shù)據(jù)推送的實(shí)時(shí)性,最大化利用服務(wù)器資源并提升用戶體驗(yàn)。本文主要從客戶端與Web框架通信、Web前端框架搭建和交易系統(tǒng)的數(shù)據(jù)流處理入手,設(shè)計(jì)和實(shí)現(xiàn)適用于證券交易系統(tǒng)與桌面應(yīng)用程序相結(jié)合的前端框架。桌面端交易系統(tǒng)需要處理和渲染大量的證券資訊等數(shù)據(jù)。為了實(shí)現(xiàn)更有效地利用網(wǎng)絡(luò)資源,對(duì)于不同類型的數(shù)據(jù)需要分開(kāi)處理。以模塊化的方式組織整個(gè)前端架構(gòu),實(shí)現(xiàn)高效組織代碼的目標(biāo)。通過(guò)狀態(tài)樹(shù)的設(shè)計(jì),確保組件間通信的一致性,保證系統(tǒng)的優(yōu)異性能。本文所研究實(shí)現(xiàn)的前端框架為桌面端交易系統(tǒng)的運(yùn)行提供了穩(wěn)定的基礎(chǔ)�；诮M件化的框架設(shè)計(jì),通過(guò)運(yùn)用新技術(shù),提高前端開(kāi)發(fā)的效率,完成桌面端交易系統(tǒng)的前端框架。本方案也為其他桌面端跨平臺(tái)系統(tǒng)前端框架提供借鑒。
【學(xué)位授予單位】：深圳大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2018
【分類號(hào)】：TP393.09
【圖文】：

緩存是當(dāng)數(shù)據(jù)從后端服務(wù)器獲取后，采用某種格式存放在本地操作系前端的每次請(qǐng)求，都需要檢查本地緩存中是否存在所需要的數(shù)據(jù)，只在（或者過(guò)期）的情況下，才從遠(yuǎn)程服務(wù)器獲取新的數(shù)據(jù)[7]。預(yù)緩存存是指把內(nèi)容預(yù)先加載到本地文件系統(tǒng)中，以備將來(lái)訪問(wèn)。本地?cái)?shù)據(jù)下訪問(wèn)也非常有意義。對(duì)于預(yù)緩存，數(shù)據(jù)出現(xiàn)丟失或者緩存有問(wèn)題是用戶造成非常差的用戶體驗(yàn)。端交易系統(tǒng)主要提供給投資者行情資訊的瀏覽和交易等功能，本前端存和預(yù)緩存。體架構(gòu)面端交易系統(tǒng)層次

ebpack 打包工具，實(shí)現(xiàn)單 JavaScript 入口組件[10]，它允許ript 的平等模塊，并以一致方式加載進(jìn)來(lái)。組件的所有依，對(duì)外只暴露一個(gè) JavaScript 模塊作為入口。的數(shù)據(jù)處理間的通信的數(shù)據(jù)有兩種，一種是外部傳入的屬性值，另一是組件外部還是組件內(nèi)部的屬性值，當(dāng)數(shù)據(jù)產(chǎn)生變化時(shí)，外部傳入的屬性值是組件暴露的對(duì)外接口，而內(nèi)部自有屬外部和內(nèi)部?jī)蓚�(gè)屬性值是無(wú)法實(shí)現(xiàn)多級(jí)組件之間的數(shù)據(jù)管證各個(gè)數(shù)據(jù)的一致性，組件的數(shù)據(jù)源必須在組件之外形成易操作。

【參考文獻(xiàn)】

相關(guān)期刊論文 前10條

1 王金龍;宋斌;丁銳;;Node.js:一種新的Web應(yīng)用構(gòu)建技術(shù)[J];現(xiàn)代電子技術(shù);2015年06期

2 王成;李少元;鄭黎曉;緱錦;曾梅琴;劉慧敏;;Web前端性能優(yōu)化方案與實(shí)踐[J];計(jì)算機(jī)應(yīng)用與軟件;2014年12期

3 胡晶;;基于HTML5離線存儲(chǔ)的產(chǎn)品演示系統(tǒng)的開(kāi)發(fā)[J];洛陽(yáng)師范學(xué)院學(xué)報(bào);2014年11期

4 薛隴彬;劉釗遠(yuǎn);;基于WebSocket的網(wǎng)絡(luò)實(shí)時(shí)通信[J];計(jì)算機(jī)與數(shù)字工程;2014年03期

5 王文睿;;node-webkit:HTML5桌面應(yīng)用運(yùn)行環(huán)境[J];程序員;2014年01期

6 王政;;Web前端開(kāi)發(fā)技術(shù)以及優(yōu)化研究[J];電腦知識(shí)與技術(shù);2013年22期

7 何良;方勇;方f ;蒲偉;;瀏覽器跨域通信安全技術(shù)研究[J];信息安全與通信保密;2013年04期

8 李燁民;;基于HTML5的前端本地化存儲(chǔ)技術(shù)[J];成都大學(xué)學(xué)報(bào)(自然科學(xué)版);2012年01期

9 熊文;熊淑華;孫旭;張朝陽(yáng);;Ajax技術(shù)在Web2.0網(wǎng)站設(shè)計(jì)中的應(yīng)用研究[J];計(jì)算機(jī)技術(shù)與發(fā)展;2012年03期

10 吳光旭;吳曉溪;;基于WebKit瀏覽器的本地?cái)U(kuò)展方法[J];電腦知識(shí)與技術(shù);2011年30期

本文編號(hào)：2741453