波譜擬合的實現(xiàn)——Vue篇-創(chuàng)新互聯(lián)

這篇文章運用簡單易懂的例子給大家介紹波譜擬合的實現(xiàn)——Vue篇，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

成都創(chuàng)新互聯(lián)服務(wù)項目包括江口網(wǎng)站建設(shè)、江口網(wǎng)站制作、江口網(wǎng)頁制作以及江口網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，江口網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到江口省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

主頁面-功能介紹

波譜擬合用來對某種材料或物質(zhì)的譜圖進行識別和分析，每種物質(zhì)可以有多種成分，每種成分用component1、component2...表示，用Add another component和Remove component來控制每種成分的增加和刪除，每種成分由多種原子核構(gòu)成，即nuclei，用Add nucleus和Remove nucleus來控制每種成分內(nèi)原子核數(shù)量，每新增一個原子核，波譜就會分裂一次，譜峰數(shù)量由（1->2->4->8...）依次分裂。另外可以通過更改默認參數(shù)，改變波譜形態(tài)，成分參數(shù)中：Relative amount表示每種成分占繪圖分量的百分比，百分比之和不超過100，giso用來計算分裂的中心位置，LineWidth用來控設(shè)置譜峰到譜谷的寬度，%Lorentzian表示譜峰形態(tài)，一共兩種形態(tài)，高斯和洛倫茲，兩者之和為100；原子核參數(shù)：No of equivalent nuclei用來改變原子核個數(shù)，如果一種成分內(nèi)包含很多個一模一樣的參數(shù)時，就可以通過改變這個參數(shù)實現(xiàn)，Nuclear spin用來改變原子核種類，Hyperfine用來設(shè)置分裂后兩峰之間的寬度。

再來一張圖：

每種成分數(shù)量和參數(shù)、每種成分內(nèi)每種原子核數(shù)量和參數(shù)設(shè)置好后，對數(shù)據(jù)進行處理，由三種結(jié)果，卷積、積分、二重積分，那就來看看數(shù)據(jù)的處理邏輯吧~

從數(shù)據(jù)流角度，主要進行三步處理：數(shù)據(jù)->數(shù)據(jù)裂變->光譜計算->繪圖，左邊是算法實現(xiàn)所需的參數(shù)、右邊是對數(shù)據(jù)及每個步驟的描述。

代碼實現(xiàn)

遇到一個坑，一開始寫demo的時候用的vue+Ant design of vue，在select等其他組件的使用上都是正常的，但是在input number中就很變態(tài)了，給input number綁定的change事件，用戶在輸入兩位以上數(shù)據(jù)的時候，change事件會觸發(fā)兩次?。?！想避免這個問題，于是用blur事件，問題又來了，因為這個頁面中組件的生成和刪除需要動態(tài)渲染，并且根據(jù)前面的介紹很容易知道組件的渲染是有兩層結(jié)構(gòu)的，那么在用戶進行點擊或輸入操作的時候，就需要傳遞一個參數(shù)（用來定位是哪個component以及每個component下面對應(yīng)的某一個nucle等等），能力有限( ╯□╰ )目前我沒有找到解決辦法，于是轉(zhuǎn)elementUI框架。

組件的動態(tài)渲染用了一個比較巧妙的辦法，一開始我打算用render來寫，后來從部門大神那里學(xué)到通過遍歷列表進行渲染，腦子之間還是有差距的。。。

<div v-for="(Con, i) in componentList" :key="Con[i]"><strong>Component {{i+1}}.</div>

文章標題：波譜擬合的實現(xiàn)——Vue篇-創(chuàng)新互聯(lián)
當前路徑：http://bm7419.com/article34/cesepe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、小程序開發(fā)、網(wǎng)站導(dǎo)航、服務(wù)器托管、微信小程序、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)