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

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

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

【參考文獻】

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

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

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

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

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

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

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

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

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

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

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

本文編號：2741453